@crystaldesign/diva-backoffice 24.13.0-beta.3 → 24.13.0-beta.31

package/build/esm/index.js

@@ -119,9 +119,9 @@ import QuestionOutlined from '@ant-design/icons/QuestionOutlined';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import Descriptions$1 from 'antd/es/descriptions';
-import { Spreadsheet as Spreadsheet$1 } from '@crystaldesign/spreadsheet';
+import { Spreadsheet as Spreadsheet$2 } from '@crystaldesign/spreadsheet';
 import EditOutlined from '@ant-design/icons/lib/icons/EditOutlined';
-import UploadOutlined$1 from '@ant-design/icons/lib/icons/UploadOutlined';
+import Checkbox$1 from 'antd/es/checkbox/Checkbox';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
@@ -146,9 +146,9 @@ import { ContentItemComponent } from '@crystaldesign/content-item';
 function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$m(r, a) : void 0; } }
 function _arrayLikeToArray$m(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$d = getLogger('Backoffice', 'ApplyMapping');
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$e = getLogger('Backoffice', 'ApplyMapping');
 function applyMapping (_ref) {
   var mappable = _ref.mappable,
     mappingData = _ref.mappingData,
@@ -168,10 +168,10 @@ function applyMapping (_ref) {
         var newValue = {};
         newValue[newKey] = valueToAdd;
         if ((startValue === null || startValue === void 0 ? void 0 : startValue[newKey]) != undefined) {
-          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$O(_objectSpread$O({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$P(_objectSpread$P({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$O(_objectSpread$O({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$P(_objectSpread$P({}, startValue), newValue);
         return _getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = _getTarget(0, key.split('.'), returnValue, value);
@@ -292,7 +292,7 @@ function applyMapping (_ref) {
     }
     return returnValue;
   } catch (e) {
-    LOG$d.debug('Mapabledata', mappable);
+    LOG$e.debug('Mapabledata', mappable);
     throw e;
   }
 }
@@ -356,6 +356,7 @@ function useFullTextSearch(filters) {
   });
 }
 function parseFilter(filters, prefilter) {
+  var _prefilter, _prefilter2;
   var ors = [];
   var ands = [];
   var res = '';
@@ -373,21 +374,23 @@ function parseFilter(filters, prefilter) {
         ands.push([field, [values[i], values[i + 1]]]);
       }
     } else {
-      var or = values[2]; //filter[1][2]; // [field, [value, operator, or?]]
-      var index = or === true || or === 0 ? false : or;
+      //filter[1][2]; // [field, [value, operator, or?]]
+      //The third value is the 'or'-flag, unless it is a 'in'-operator,
+      //then the array can contain more than 3 values and the last value is the 'in'-operator.
+      //The 'or'-flag is either a boolean, or a number. If it is a number it defines to which 'or'-group the filter belongs.
       var inFilter = values[values.length - 1] === 'in';
-      if (index == undefined || index === false || inFilter) {
-        if (inFilter) {
-          var inValues = values.slice(0, values.length - 1);
-          ands.push([field, [inValues, 'in']]);
-        } else {
-          ands.push(filter);
-        }
-      } else {
-        while (ors.length <= index) {
+      var or = !inFilter ? values[2] : undefined;
+      var orIndex = typeof or === 'number' ? or : 0;
+      if (inFilter) {
+        var inValues = values.slice(0, values.length - 1);
+        ands.push([field, [inValues, 'in']]);
+      } else if (or) {
+        while (ors.length <= orIndex) {
           ors.push([]);
         }
-        ors[index].push(filter);
+        ors[orIndex].push(filter);
+      } else {
+        ands.push(filter);
       }
     }
   });
@@ -422,14 +425,18 @@ function parseFilter(filters, prefilter) {
       return "{".concat(field, ",").concat(type, ",").concat(value, "}");
     }).join(','));
   }
-  if (prefilter && res) {
-    return '[' + res + ',' + prefilter + ']';
+
+  //remove enclosing brackets so it can be added to the existing filter
+  if ((_prefilter = prefilter) !== null && _prefilter !== void 0 && _prefilter.startsWith('[') && (_prefilter2 = prefilter) !== null && _prefilter2 !== void 0 && _prefilter2.endsWith(']')) {
+    prefilter = prefilter.slice(1, -1);
   }
-  if (prefilter) {
-    return '[' + prefilter + ']';
+  if (prefilter && res) {
+    res = res + ',' + prefilter;
+  } else if (prefilter) {
+    res = prefilter;
   }
   if (res) {
-    return '[' + res + ']';
+    res = '[' + res + ']';
   }
   return res;
 }
@@ -465,9 +472,9 @@ function getLeafColumns(columns) {
   });
 }
 
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$c = getLogger('Backoffice', 'ApiHandler');
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$d = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
   function _default(configuration, _rootStore) {
@@ -645,7 +652,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$N(_objectSpread$N({}, jwt ? {
+                headers: _objectSpread$O(_objectSpread$O({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -738,7 +745,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$N({}, data);
+                if (data) createData = _objectSpread$O({}, data);
               } else if (data !== undefined) {
                 createData = applyMapping({
                   mappable: data,
@@ -881,7 +888,7 @@ var _default$d = /*#__PURE__*/function () {
               _context6.next = 7;
               return fetch((_url = url) === null || _url === void 0 ? void 0 : _url.toString(), {
                 method: isApi2 ? 'POST' : 'DELETE',
-                headers: _objectSpread$N({}, jwt ? {
+                headers: _objectSpread$O({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {})
               }).then(/*#__PURE__*/function () {
@@ -999,7 +1006,7 @@ var _default$d = /*#__PURE__*/function () {
               throw new Error('Read List endpoint is missing in configuration.');
             case 2:
               jwt = (_this$_rootStore5 = this._rootStore) === null || _this$_rootStore5 === void 0 ? void 0 : _this$_rootStore5.dataStore.jwt;
-              url = filterServerSide ? parseServersideFilters(_objectSpread$N(_objectSpread$N({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$O(_objectSpread$O({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -1019,7 +1026,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$N(_objectSpread$N({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$O(_objectSpread$O({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1043,7 +1050,7 @@ var _default$d = /*#__PURE__*/function () {
         throw new Error('Read List endpoint is missing in configuration.');
       }
       (_this$_rootStore6 = this._rootStore) === null || _this$_rootStore6 === void 0 ? void 0 : _this$_rootStore6.dataStore.jwt;
-      var url = filterServerSide ? parseServersideFilters(_objectSpread$N(_objectSpread$N({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$O(_objectSpread$O({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1144,16 +1151,16 @@ var _default$d = /*#__PURE__*/function () {
         }
       });
       this._socket.on('error', function (error) {
-        LOG$c.error(new DivaError('Error on connection', error));
+        LOG$d.error(new DivaError('Error on connection', error));
       });
       this._socket.on('connect_error', function (error) {
-        LOG$c.log("connect_error due to ".concat(error.message));
+        LOG$d.log("connect_error due to ".concat(error.message));
       });
       this._socket.on('connect', function () {
-        LOG$c.debug('Successfully connected to socket');
+        LOG$d.debug('Successfully connected to socket');
       });
       this._socket.on('disconnect', function () {
-        LOG$c.debug('Disconnect from socket');
+        LOG$d.debug('Disconnect from socket');
       });
       return this._socket;
     }
@@ -1250,8 +1257,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$5(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$5() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$5() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$5 = function _isNativeReflectConstruct() { return !!t; })(); }
 var _default$b = /*#__PURE__*/function (_ApiHandler) {
@@ -1350,7 +1357,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$M({}, jwt ? {
+                headers: _objectSpread$N({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1728,8 +1735,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1765,7 +1772,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$L(_objectSpread$L({}, config), {}, {
+        config = _objectSpread$M(_objectSpread$M({}, config), {}, {
           items: filteredItems
         });
       }
@@ -2533,6 +2540,7 @@ function loadConfiguration(t, root, config, lang) {
     TableTaskStatusVersioning: {
       type: 'Table',
       canRefresh: true,
+      autoRefresh: 60000,
       title: t('backoffice.table.taskstatusversioning.title.taskstatusversioninglist'),
       columns: [{
         title: 'ID',
@@ -2698,6 +2706,7 @@ function loadConfiguration(t, root, config, lang) {
     TableTaskStatusCustom: {
       type: 'Table',
       canRefresh: true,
+      autoRefresh: 60000,
       title: t('backoffice.table.taskstatusversioning.title.taskstatuscustom'),
       columns: [{
         title: 'ID',
@@ -2830,7 +2839,7 @@ function loadConfiguration(t, root, config, lang) {
       },
       apiInterface: {
         read: {
-          list: '${adminService}/taskStatus?filter=%5B%2B%5B%7BtaskType%2Ceq%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Ceq%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Ceq%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Ceq%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Ceq%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Ceq%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Ceq%2CSAP_AUSP%7D%2C%7BtaskType%2Ceq%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Ceq%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Ceq%2CPIM_GET_CLASSIFICATION%7D%5D%5D',
+          list: '${adminService}/taskStatus?filter=%5B%2B%5B%7BtaskType%2Ceq%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Ceq%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Ceq%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Ceq%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Ceq%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Ceq%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Ceq%2CSAP_AUSP%7D%2C%7BtaskType%2Ceq%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Ceq%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Ceq%2CGET_PRODUCT_FEATURES_PIM%7D%5D%5D',
           fields: true,
           filterServerSide: true
         }
@@ -2854,6 +2863,7 @@ function loadConfiguration(t, root, config, lang) {
     TableTaskStatusCronJobs: {
       type: 'Table',
       canRefresh: true,
+      autoRefresh: 60000,
       title: t('backoffice.table.taskstatusversioning.title.taskstatusversioninglist'),
       columns: [{
         title: 'ID',
@@ -3011,6 +3021,7 @@ function loadConfiguration(t, root, config, lang) {
     TableTaskStatusOthers: {
       type: 'Table',
       canRefresh: true,
+      autoRefresh: 60000,
       title: t('backoffice.table.taskstatusversioning.title.taskstatusothers'),
       columns: [{
         title: 'ID',
@@ -3143,7 +3154,7 @@ function loadConfiguration(t, root, config, lang) {
       },
       apiInterface: {
         read: {
-          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CPIM_GET_CLASSIFICATION%7D%5D',
+          list: '${adminService}/taskStatus?filter=%5B%7BtaskType%2Cne%2CSAP_XML_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_DROPDOWNITEMS%7D%2C%7BtaskType%2Cne%2CSAP_TEMPLATEARTICLES%7D%2C%7BtaskType%2Cne%2CSAP_ARTICLE_IMPORT%7D%2C%7BtaskType%2Cne%2CSAP_SUPPLIERS%7D%2C%7BtaskType%2Cne%2CSAP_PRODUCTGROUPS%7D%2C%7BtaskType%2Cne%2CSAP_AUSP%7D%2C%7BtaskType%2Cne%2CPIM_SEND_CLASSIFICATION%7D%2C%7BtaskType%2Cne%2CSEND_SAP_ARTICLES%7D%2C%7BtaskType%2Cne%2CCRON%7D%2C%7BtaskType%2Cne%2CRETAIL_VERSIONING%7D%2C%7BtaskType%2Cne%2CSUPPLIER_VERSIONING%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_EXPORT%7D%2C%7BtaskType%2Cne%2CBACKOFFICE_CE_IMPORT%7D%2C%7BtaskType%2Cne%2CGET_PRODUCT_FEATURES_PIM%7D%5D',
           fields: true,
           filterServerSide: true
         }
@@ -4032,10 +4043,17 @@ function loadConfiguration(t, root, config, lang) {
       }],
       apiInterface: {
         read: {
-          list: '${catalogService}/contentItems',
+          list: '${catalogService}/contentItems?organizationId=${organizationId}',
           filterServerSide: true
         },
         "delete": '${catalogService}/contentItems/${id}'
+      },
+      mapping: {
+        type: 'query',
+        map: [{
+          globalValue: 'organizationId',
+          targetField: 'organizationId'
+        }]
       }
     },
     TableApplicationTranslations: {
@@ -7809,6 +7827,25 @@ function loadConfiguration(t, root, config, lang) {
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined;
         }
+      }, {
+        name: ['settings', 'automaticVersioning'],
+        label: t('backoffice.form.organizationdetails.items.automaticversioning'),
+        permission: 'backoffice_admin_organizations',
+        hidden: function hidden(data) {
+          return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'ASSOCIATION';
+        },
+        type: 'radio',
+        optionType: 'button',
+        options: [{
+          label: t('backoffice.form.organizationdetails.items.na'),
+          value: undefined
+        }, {
+          label: t('backoffice.form.organizationdetails.items.ja'),
+          value: true
+        }, {
+          label: t('backoffice.form.organizationdetails.items.nein'),
+          value: false
+        }]
       }, {
         name: ['api2Location', 'vk'],
         label: t('backoffice.form.organizationdetails.items.api2Location.vk'),
@@ -12329,6 +12366,9 @@ function loadConfiguration(t, root, config, lang) {
     },
     IDMEnricherEditor: {
       type: 'IDMEnricherEditor'
+    },
+    IDMCatalogEditor: {
+      type: 'IDMCatalogEditor'
     }
   };
 }
@@ -12562,8 +12602,8 @@ function getIcon(icon) {
   return undefined;
 }
 
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -12695,7 +12735,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$K(_objectSpread$K({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$L(_objectSpread$L({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -12746,7 +12786,7 @@ var _default$6 = /*#__PURE__*/function () {
         var path = this.getPath(element.menu, this._selectedMenuKeys, this.root.navigationState.searchParams);
         this.root.navigate('/' + path);
       }
-      this._menuElement1 = _objectSpread$K(_objectSpread$K({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$L(_objectSpread$L({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -12990,7 +13030,7 @@ var _default$6 = /*#__PURE__*/function () {
       return items.filter(function (item) {
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$K(_objectSpread$K({}, item), {}, {
+        return _objectSpread$L(_objectSpread$L({}, item), {}, {
           items: item.items ? _this4.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this4.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -13129,12 +13169,26 @@ var menu = [{
       }
     }]
   }, {
-    id: 'IDMEnricherEditor',
-    path: 'packages',
-    haSubRoutes: true,
+    id: 'IDM',
+    path: 'idm',
     label: 'backoffice.menu.items.label.IDMEnricherEditor',
     permission: 'backoffice_ce_idmee',
-    icon: 'OrderedListOutlined'
+    icon: 'OrderedListOutlined',
+    items: [{
+      id: 'IDMCatalogEditor',
+      path: 'catalogs',
+      label: 'backoffice.menu.items.label.IDMCatalogs',
+      permission: 'idm_catalogs',
+      icon: 'HistoryOutlined',
+      haSubRoutes: true
+    }, {
+      id: 'IDMEnricherEditor',
+      path: 'packages',
+      label: 'backoffice.menu.items.label.EnricherPackages',
+      permission: 'enricher_packages',
+      icon: 'HistoryOutlined',
+      haSubRoutes: true
+    }]
   }]
 }, {
   id: 'Adminarea',
@@ -13637,7 +13691,7 @@ var _default$3 = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
 function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var LOG$b = getLogger('Backoffice', 'DownloadStore');
+var LOG$c = getLogger('Backoffice', 'DownloadStore');
 var DownloadStore = /*#__PURE__*/function () {
   function DownloadStore(_rootStore) {
     var _this = this;
@@ -13853,7 +13907,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 4;
                 break;
               }
-              LOG$b.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
+              LOG$c.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer,  retailer channel or association' : 'supplier or dealer'));
             case 4:
               orgData = data;
@@ -13872,7 +13926,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 14;
                 break;
               }
-              LOG$b.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
+              LOG$c.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer channel or association' : 'supplier or dealer'));
             case 14:
               _context5.prev = 14;
@@ -14294,24 +14348,35 @@ function fetchFileData(_x) {
 }
 function _fetchFileData() {
   _fetchFileData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
+    var _response$url, response, blob, name;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
-          return fetch(url).then(function (response) {
-            return response.blob();
-          }).then(function (blob) {
-            return new File([blob], nameFromUrl(url), {
-              type: blob.type
-            });
-          });
-        case 2:
-          return _context.abrupt("return", _context.sent);
+          _context.prev = 0;
+          _context.next = 3;
+          return fetch(url);
         case 3:
+          response = _context.sent;
+          _context.next = 6;
+          return response.blob();
+        case 6:
+          blob = _context.sent;
+          name = nameFromUrl((_response$url = response.url) !== null && _response$url !== void 0 ? _response$url : url);
+          return _context.abrupt("return", new File([blob], name, {
+            type: blob.type
+          }));
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](0);
+          throw new DivaError('Could not fetch file', {
+            cause: _context.t0,
+            code: 'FETCH_FILE_ERROR'
+          });
+        case 14:
         case "end":
           return _context.stop();
       }
-    }, _callee);
+    }, _callee, null, [[0, 11]]);
   }));
   return _fetchFileData.apply(this, arguments);
 }
@@ -14488,7 +14553,7 @@ function isExternalVid(file) {
 }
 
 var VIDEO_THUMB_PLACEHOLDER = 'data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+';
-var LOG$a = getLogger('Backoffice', 'MediaItem');
+var LOG$b = getLogger('Backoffice', 'MediaItem');
 var MediaItem = /*#__PURE__*/function () {
   function MediaItem(_ref) {
     var media = _ref.media,
@@ -14603,7 +14668,7 @@ var MediaItem = /*#__PURE__*/function () {
               _context2.prev = 8;
               _context2.t0 = _context2["catch"](1);
               this._mediaItemRefId = undefined;
-              LOG$a.error(new DivaError$1('Failed to get media item ref, on next upload a new ref will be created', {
+              LOG$b.error(new DivaError$1('Failed to get media item ref, on next upload a new ref will be created', {
                 cause: _context2.t0
               }));
             case 12:
@@ -14631,7 +14696,9 @@ var MediaItem = /*#__PURE__*/function () {
                 _context2.next = 24;
                 break;
               }
-              throw new Error('File type is not allowed');
+              throw new DivaError$1('File type is not allowed', {
+                code: 'FILE_TYPE_NOT_ALLOWED'
+              });
             case 24:
             case "end":
               return _context2.stop();
@@ -14702,8 +14769,8 @@ var MediaItem = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
 function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -14825,7 +14892,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: _onLoadFields(_objectSpread$J({}, dt)),
+        loadedData: _onLoadFields(_objectSpread$K({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -14862,7 +14929,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState20[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+    setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
       data: loadedData,
       origData: JSON.parse(JSON.stringify(inboundData !== null && inboundData !== void 0 ? inboundData : {})),
       update: !!((_loadedData$_id2 = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id2 !== void 0 ? _loadedData$_id2 : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
@@ -14964,7 +15031,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = merge(_objectSpread$J({}, state.data), values);
+            newData = merge(_objectSpread$K({}, state.data), values);
             if (!skipApi) {
               _context2.next = 3;
               break;
@@ -14974,7 +15041,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             _context2.prev = 4;
             _context2.next = 7;
-            return setDynamicFields(_objectSpread$J({}, state.data), newData);
+            return setDynamicFields(_objectSpread$K({}, state.data), newData);
           case 7:
             newData = _context2.sent;
             _context2.next = 10;
@@ -14989,7 +15056,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             throw _context2.t0;
           case 17:
-            setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+            setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -15042,14 +15109,14 @@ function useFormData (_ref) {
               _context2.next = 47;
               break;
             }
-            setFieldErrors(_objectSpread$J(_objectSpread$J({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$K(_objectSpread$K({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
           case 47:
             throw _context2.t1;
           case 48:
             _context2.prev = 48;
             root.actions.toggleLoading('saving_form');
-            setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+            setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -15079,7 +15146,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$J({}, state.data), _objectSpread$J({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$K({}, state.data), _objectSpread$K({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -15092,14 +15159,14 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$J({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
+    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$K({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
     if (id) {
       setFieldInObject(id, data, value);
-      var newFieldErrors = _objectSpread$J({}, fieldErrors);
+      var newFieldErrors = _objectSpread$K({}, fieldErrors);
       delete newFieldErrors[id.toString()];
       setFieldErrors(newFieldErrors);
     }
-    setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+    setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
       data: data
     }));
     return data;
@@ -15131,12 +15198,12 @@ function useFormData (_ref) {
       var _value$value;
       if (((_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value) === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+          setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
-            data: _objectSpread$J(_objectSpread$J({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
+            data: _objectSpread$K(_objectSpread$K({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -15146,12 +15213,12 @@ function useFormData (_ref) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
+          setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$J(_objectSpread$J({}, state), {}, {
-            data: _objectSpread$J(_objectSpread$J({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$K(_objectSpread$K({}, state), {}, {
+            data: _objectSpread$K(_objectSpread$K({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -15431,7 +15498,7 @@ function useFormData (_ref) {
       var tools = [];
       for (var i = 0; i < configuration.tools.length; i++) {
         var tool = configuration.tools[i];
-        tools.push(_objectSpread$J({
+        tools.push(_objectSpread$K({
           parameters: {
             data: state.data
           },
@@ -15468,7 +15535,7 @@ function useFormData (_ref) {
               break;
             }
             media = getData(itemName, data);
-            if (media) pushRemovedMeidaItem(media);
+            if (media) pushRemovedMediaItem(media);
             _context3.next = 26;
             break;
           case 11:
@@ -15527,13 +15594,13 @@ function useFormData (_ref) {
       return _ref7.apply(this, arguments);
     };
   }();
-  var pushRemovedMeidaItem = function pushRemovedMeidaItem(media) {
+  var pushRemovedMediaItem = function pushRemovedMediaItem(media) {
     if (removedMedias.find(function (m) {
       return m.itemRefId === media.itemRefId;
     })) return;
     setRemovedMedias([].concat(_toConsumableArray(removedMedias), [media]));
   };
-  return _objectSpread$J(_objectSpread$J({}, state), {}, {
+  return _objectSpread$K(_objectSpread$K({}, state), {}, {
     getIsHidden: getIsHidden,
     setUsedPreset: setUsedPreset,
     configuration: configuration,
@@ -15557,7 +15624,7 @@ function useFormData (_ref) {
     progressBarOpen: progressBarOpen,
     progressBarPercentage: progressBarPercentage,
     keepRemovedMediaItem: _keepRemovedMediaItem,
-    pushRemovedMeidaItem: pushRemovedMeidaItem
+    pushRemovedMediaItem: pushRemovedMediaItem
   });
 }
 function setFieldInObject(id, data, value) {
@@ -15650,8 +15717,8 @@ var JsonEditor$2 = function JsonEditor(_ref) {
 };
 
 var _excluded$3 = ["key", "name"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
   var _item$initialValue;
   var value = _ref.value,
@@ -15704,7 +15771,7 @@ var FormList$2 = function FormList(_ref) {
                 var aName = [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), _toConsumableArray(n));
                 var hidden = state.getIsHidden(i, state.data, [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), [name]));
                 if (hidden) return /*#__PURE__*/jsx(Fragment, {});
-                return /*#__PURE__*/createElement(Form$1.Item, _objectSpread$I(_objectSpread$I({}, restField), {}, {
+                return /*#__PURE__*/createElement(Form$1.Item, _objectSpread$J(_objectSpread$J({}, restField), {}, {
                   id: n.join(),
                   key: n.join(),
                   name: n,
@@ -15716,7 +15783,7 @@ var FormList$2 = function FormList(_ref) {
                   validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
                   help: state.fieldErrors[n.toString()],
                   hidden: hidden
-                }), getElement(_objectSpread$I(_objectSpread$I({}, i), {}, {
+                }), getElement(_objectSpread$J(_objectSpread$J({}, i), {}, {
                   name: n
                 }), setCanSave, state, aName, state.onInputChanged, onError, root, form, hidden));
               })
@@ -15949,8 +16016,8 @@ var buttonGroup = "button-group-GYt-T";
 var css_248z$n = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
 styleInject(css_248z$n);
 
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -15959,7 +16026,7 @@ var SubTitle = function SubTitle(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'left',
-    style: _objectSpread$H({}, item.style),
+    style: _objectSpread$I({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$5,
       children: [Array.isArray(item.name) ? t(item.name[0].toString()) : t(item.name), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
@@ -16073,7 +16140,7 @@ function getCombinedValues(data, pattern) {
   return value;
 }
 
-var LOG$9 = getLogger('Backoffice', 'SelectSimple');
+var LOG$a = getLogger('Backoffice', 'SelectSimple');
 function useSelectSimpleData (_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -16113,7 +16180,7 @@ function useSelectSimpleData (_ref) {
   }, [selected]);
   useEffect(function () {
     if (configuredOptions) {
-      if (apiHandler.canReadList) LOG$9.warn('If options are provided, apiInterface will not be used');
+      if (apiHandler.canReadList) LOG$a.warn('If options are provided, apiInterface will not be used');
       setOptions(configuredOptions);
       setLoading(false);
       return;
@@ -16135,7 +16202,7 @@ function useSelectSimpleData (_ref) {
     var _options$;
     // set the selected option only after the options are loaded
     if (value && options) {
-      LOG$9.debug('value changed', value);
+      LOG$a.debug('value changed', value);
       setSelected(findByValue(value, options, selectMapping));
     } else if (options !== null && options !== void 0 && (_options$ = options[0]) !== null && _options$ !== void 0 && _options$.value && autoSelectFirst) {
       onSelectionChanged(options[0].value, options[0]);
@@ -16171,7 +16238,7 @@ function findByValue(value, options, selectMapping) {
     return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? option.value == value : getCombinedValues(option.data, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value) == getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value);
   });
   if (!option) {
-    LOG$9.debug('findByValue: option not found, add dummy option for current value', value, options);
+    LOG$a.debug('findByValue: option not found, add dummy option for current value', value, options);
     //TODO: if we and server side filtering, the dummy option must be handled differently
     option = {
       label: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label),
@@ -16209,8 +16276,8 @@ var css_248z$m = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\
 styleInject(css_248z$m);
 
 var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -16235,7 +16302,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     className: classnames(title ? wrapper$4 : undefined),
-    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$G(_objectSpread$G({}, selectProps), {}, {
+    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$H(_objectSpread$H({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
       options: state.options,
@@ -16852,8 +16919,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -17022,7 +17089,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$F(_objectSpread$F({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$G(_objectSpread$G({}, _selectedSupplier), {}, {
               supplierGuid: catalogList === null || catalogList === void 0 || (_catalogList$ = catalogList[0]) === null || _catalogList$ === void 0 ? void 0 : _catalogList$.Subfolder
             }), supplierData);
             if (catalogId && catalogList.find(function (c) {
@@ -17088,7 +17155,7 @@ var customSelect = "custom-select-ESUJX";
 var customSelectOption = "custom-select-option-dUA7N";
 var avatarWrapper = "avatar-wrapper-Vg-xe";
 var selectTextWrapper = "select-text-wrapper-hPSZW";
-var css_248z$l = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N {\n  margin: 0px 12px;\n  padding: 5px 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
+var css_248z$l = ".custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-option-dUA7N.ant-select-item {\n  margin: 0px 12px;\n  padding: 0px;\n  border-bottom: 1px solid #ddd;\n}\n\n.custom-select-option-dUA7N .ant-select-item-option-content {\n  display: flex;\n  align-items: center;\n}\n\n.avatar-wrapper-Vg-xe {\n  margin-right: 5px;\n  height: 30px;\n  width: 24px;\n  float: left;\n  position: relative;\n}\n\n.avatar-wrapper-Vg-xe > span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.select-text-wrapper-hPSZW {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  width: calc(100% - 29px);\n}\n";
 styleInject(css_248z$l);
 
 var Selector = function Selector(_ref) {
@@ -17243,8 +17310,8 @@ function SelectClientRelationCatalog (_ref) {
 function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
 function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -17417,7 +17484,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.searchField.reduce(function (filter, field) {
-                return _objectSpread$E(_objectSpread$E({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$F(_objectSpread$F({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -17707,9 +17774,9 @@ var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
 var css_248z$j = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
 styleInject(css_248z$j);
 
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$8 = getLogger('Backoffice', 'Translation Form');
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$9 = getLogger('Backoffice', 'Translation Form');
 function useTranslationHook (item, state) {
   var root = useStore();
   var _useDivaCore = useDivaCore(),
@@ -17787,7 +17854,7 @@ function useTranslationHook (item, state) {
           case 23:
             _context.prev = 23;
             _context.t2 = _context["catch"](9);
-            LOG$8.error({
+            LOG$9.error({
               message: 'Error on translating ' + value,
               name: ''
             });
@@ -17841,7 +17908,7 @@ function useTranslationHook (item, state) {
           case 0:
             _context2.next = 2;
             return apiHandler.create({
-              locales: _objectSpread$D({
+              locales: _objectSpread$E({
                 de: {},
                 it: {},
                 fr: {},
@@ -17890,8 +17957,8 @@ function useTranslationHook (item, state) {
   };
 }
 
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Translation = function Translation(_ref) {
   var item = _ref.item,
     state = _ref.state,
@@ -17941,7 +18008,7 @@ var Translation = function Translation(_ref) {
         var hidden = state.getIsHidden(i, data);
         var newAbsoluteName = absoluteName !== '' ? [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), _toConsumableArray(n)) : n;
         return /*#__PURE__*/jsx(React.Fragment, {
-          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$C(_objectSpread$C({}, i), {}, {
+          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$D(_objectSpread$D({}, i), {}, {
             name: n
           }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden, currentLang) : /*#__PURE__*/jsx(Form$1.Item, {
             id: idx.toString(),
@@ -17954,7 +18021,7 @@ var Translation = function Translation(_ref) {
             validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
             help: state.fieldErrors[n.toString()],
             hidden: hidden,
-            children: getElement(_objectSpread$C(_objectSpread$C({}, i), {}, {
+            children: getElement(_objectSpread$D(_objectSpread$D({}, i), {}, {
               name: n
             }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden)
           })
@@ -18022,24 +18089,25 @@ function FileInput(_ref3) {
         },
         onPressEnter: function onPressEnter(e) {
           e.stopPropagation();
-          value ? onEnter(value) : undefined;
+          value ? onEnter(value, true) : undefined;
         },
         allowClear: true
       }), /*#__PURE__*/jsx(Dropdown.Button, {
         icon: /*#__PURE__*/jsx(DownOutlined, {}),
+        onClick: function onClick() {
+          return onEnter(value, true);
+        },
+        disabled: !value,
         menu: {
           items: [{
             key: 'use',
-            label: t('backoffice.mediaupload.upload'),
+            label: t('backoffice.mediaupload.use'),
             onClick: function onClick() {
               onEnter(value);
             }
-          }],
-          onClick: function onClick() {
-            return onEnter(value, true);
-          }
+          }]
         },
-        children: t('backoffice.mediaupload.use')
+        children: t('backoffice.mediaupload.upload')
       })]
     }), /*#__PURE__*/jsx(Button, {
       type: "link",
@@ -18049,6 +18117,7 @@ function FileInput(_ref3) {
   });
 }
 
+var LOG$8 = getLogger('Backoffice', 'AssetManager');
 function Upload (_ref) {
   var allowedTypes = _ref.allowedTypes,
     media = _ref.media,
@@ -18075,6 +18144,20 @@ function Upload (_ref) {
     setError = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var handleError = function handleError(e) {
+    onError === null || onError === void 0 || onError(e);
+    if (!e) {
+      setError === null || setError === void 0 || setError(undefined);
+    } else if (e instanceof DivaError) {
+      LOG$8.error(e);
+      setError(t('backoffice.mediaupload.error.' + e.name));
+    } else {
+      LOG$8.error(new DivaError('An unexpected error occurred', {
+        cause: e
+      }));
+      setError(t('backoffice.mediaupload.error.unknown'));
+    }
+  };
   useEffect(function () {
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -18099,7 +18182,7 @@ function Upload (_ref) {
           case 11:
             _context.prev = 11;
             _context.t0 = _context["catch"](5);
-            onError === null || onError === void 0 || onError(_context.t0);
+            handleError(_context.t0);
           case 14:
             _context.prev = 14;
             setLoading(false);
@@ -18116,20 +18199,20 @@ function Upload (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
+            handleError();
             setLoading(true);
-            _context2.prev = 1;
-            _context2.next = 4;
+            _context2.prev = 2;
+            _context2.next = 5;
             return media.init(allowedTypes);
-          case 4:
+          case 5:
             setFiles([media]);
             onAdd === null || onAdd === void 0 || onAdd(media);
             _context2.next = 12;
             break;
-          case 8:
-            _context2.prev = 8;
-            _context2.t0 = _context2["catch"](1);
-            onError === null || onError === void 0 || onError(_context2.t0);
-            setError(_context2.t0.message);
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](2);
+            handleError(_context2.t0);
           case 12:
             _context2.prev = 12;
             setLoading(false);
@@ -18138,7 +18221,7 @@ function Upload (_ref) {
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 8, 12, 15]]);
+      }, _callee2, null, [[2, 9, 12, 15]]);
     }));
     return function addMediaItem(_x) {
       return _ref3.apply(this, arguments);
@@ -18160,6 +18243,15 @@ function Upload (_ref) {
     return Upload$1.LIST_IGNORE;
   };
   var onFileFormWeb = function onFileFormWeb(url, copy) {
+    try {
+      new URL(url);
+    } catch (e) {
+      handleError(new DivaError('Invalid URL', {
+        cause: e,
+        code: 'INVALID_URL'
+      }));
+      return;
+    }
     var mediaItem = new MediaItem({
       media: url,
       remoteUrl: !copy,
@@ -18235,17 +18327,13 @@ function Media (_ref) {
     if (item.mediaItemRefField) {
       state.onInputChanged(mediaItemRefIdPath, undefined, newData);
     }
-    if (media) state.pushRemovedMeidaItem(media);
-  };
-  var onError = function onError(e) {
-    onRemove();
+    if (media) state.pushRemovedMediaItem(media);
   };
   return /*#__PURE__*/jsx(Upload, {
     allowedTypes: item.allowedTypes,
     media: media,
     onAdd: onAdd,
     onRemove: onRemove,
-    onError: onError,
     config: {
       baseUrl: state.root.configurationStore.apiConfig.mediaService,
       jwt: state.root.dataStore.jwt,
@@ -18257,8 +18345,8 @@ function Media (_ref) {
 function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
 function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getElement(item, setCanSave, state, absoluteName, _onChange, _onError, root, form, hidden, postFixName) {
   var _isReadonly, _state$hiddenRequired;
   if (hidden) return /*#__PURE__*/jsx(Fragment, {});
@@ -18292,7 +18380,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         }
       });
     case 'selectSimple':
-      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$B(_objectSpread$B({}, item), {}, {
+      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$C(_objectSpread$C({}, item), {}, {
         disabled: disabled,
         onChange: function onChange(value) {
           _onChange(absoluteName, value);
@@ -18496,7 +18584,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         value: item.value,
         options: item.options.map(function (o) {
           var _o$disabled;
-          return _objectSpread$B(_objectSpread$B({}, o), {}, {
+          return _objectSpread$C(_objectSpread$C({}, o), {}, {
             disabled: (_o$disabled = o.disabled) === null || _o$disabled === void 0 ? void 0 : _o$disabled.call(o, state.data)
           });
         }),
@@ -18517,7 +18605,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         },
         icon: item.icon,
         callback: function callback(data) {
-          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$B(_objectSpread$B({}, state.data), data));
+          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$C(_objectSpread$C({}, state.data), data));
         }
       });
     case 'media':
@@ -18534,7 +18622,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
 var DisplayInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Input, _objectSpread$B(_objectSpread$B({}, props), {}, {
+  return /*#__PURE__*/jsx(Input, _objectSpread$C(_objectSpread$C({}, props), {}, {
     ref: ref,
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
@@ -18553,8 +18641,8 @@ function isReadonly(item, data) {
   return false;
 }
 
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
 function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -18604,13 +18692,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$A(_objectSpread$A({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$B(_objectSpread$B({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$A(_objectSpread$A({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$B(_objectSpread$B({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -18952,8 +19040,8 @@ function getLabel(item, t) {
 }
 var Form = observer(/*#__PURE__*/React.forwardRef(FormWrapper$1));
 
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
 function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -19155,7 +19243,7 @@ function useRoleSelectorData (_ref) {
             roles.forEach(function (r) {
               //check if after the changes the role is selected
               if (value.includes(r._id)) {
-                var newValue = _objectSpread$z(_objectSpread$z({}, r), {}, {
+                var newValue = _objectSpread$A(_objectSpread$A({}, r), {}, {
                   selected: true
                 });
                 //add it to the new list as selected role
@@ -19191,7 +19279,7 @@ function useRoleSelectorData (_ref) {
                   }
                 }
               } else {
-                var _newValue = _objectSpread$z(_objectSpread$z({}, r), {}, {
+                var _newValue = _objectSpread$A(_objectSpread$A({}, r), {}, {
                   selected: false
                 });
                 //add it to the new list as unselected role
@@ -19395,7 +19483,7 @@ function _updateRoles() {
                   userRole = userRoles.find(function (r) {
                     return r._id == role._id;
                   });
-                  newRole = _objectSpread$z({}, role);
+                  newRole = _objectSpread$A({}, role);
                   if (userRole) {
                     newRole.selected = true;
                     newRole.inherited = userRole.inherited;
@@ -19615,7 +19703,7 @@ function _fetchOptions() {
         case 4:
           result = _context11.sent;
           options = result.data.map(function (d) {
-            return _objectSpread$z(_objectSpread$z({}, d), {}, {
+            return _objectSpread$A(_objectSpread$A({}, d), {}, {
               label: d.displayName,
               value: d._id,
               isLeaf: !d.hasChildren
@@ -19717,8 +19805,8 @@ var parent = "parent-NZJ3S";
 var css_248z$i = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
 styleInject(css_248z$i);
 
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
 function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -19778,8 +19866,8 @@ function _generateCSV() {
             break;
           }
           _context2.next = 21;
-          return generateCSV(_objectSpread$y(_objectSpread$y({}, exportParams.children), {}, {
-            mappingData: _objectSpread$y(_objectSpread$y({}, parent), {}, {
+          return generateCSV(_objectSpread$z(_objectSpread$z({}, exportParams.children), {}, {
+            mappingData: _objectSpread$z(_objectSpread$z({}, parent), {}, {
               parentId: exportParams.mappingData._id
             })
           }), csvData);
@@ -19841,8 +19929,8 @@ var generateCSVData = /*#__PURE__*/function () {
   };
 }();
 
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
 function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -20261,7 +20349,7 @@ function useRelationSelectorData (_ref) {
               var activeItem = _step.value;
               if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem._id) === (addedData === null || addedData === void 0 ? void 0 : addedData._id)) {
                 addedObjects.push(addedData);
-                getSplittedItems(_objectSpread$x(_objectSpread$x({}, activeItem), {}, {
+                getSplittedItems(_objectSpread$y(_objectSpread$y({}, activeItem), {}, {
                   userId: data === null || data === void 0 ? void 0 : data._id
                 }));
                 ret = true;
@@ -20466,8 +20554,8 @@ function useRelationSelectorData (_ref) {
   };
 }
 
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
 function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -20600,7 +20688,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 19;
-            return apiInterface.update(_objectSpread$w(_objectSpread$w({}, data), {}, {
+            return apiInterface.update(_objectSpread$x(_objectSpread$x({}, data), {}, {
               state: toSwitch
             }), data);
           case 19:
@@ -20757,14 +20845,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$w(_objectSpread$w({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$x(_objectSpread$x({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$w({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$x({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -20779,7 +20867,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$w({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$x({}, props));
 }
 
 function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -20917,8 +21005,8 @@ var itemDesc = "item-desc-DBiiF";
 var css_248z$h = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
 styleInject(css_248z$h);
 
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropDown = function DropDown(_ref) {
   var _curItem$data$length;
   var split = _ref.split,
@@ -20950,7 +21038,7 @@ var DropDown = function DropDown(_ref) {
   });
   return /*#__PURE__*/jsx(Collapse, {
     onChange: function onChange() {
-      return getSplittedItems(_objectSpread$v(_objectSpread$v({}, item.item), {}, {
+      return getSplittedItems(_objectSpread$w(_objectSpread$w({}, item.item), {}, {
         parentId: item.parentId
       }), 0);
     },
@@ -21208,8 +21296,8 @@ var RelationSelector = function RelationSelector(_ref, ref) {
 };
 var RelationSelector$1 = observer(/*#__PURE__*/React.forwardRef(RelationSelector));
 
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -21289,7 +21377,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$u(_objectSpread$u({}, s), {}, {
+                return _objectSpread$v(_objectSpread$v({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -21426,8 +21514,8 @@ var FormList = function FormList(_ref, ref) {
 };
 var FormList$1 = observer(/*#__PURE__*/React.forwardRef(FormList));
 
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -21524,7 +21612,7 @@ function useSelectOrCreateData (_ref) {
               _context.next = 7;
               return apiHandler.readList(configuration.readMapping, mappingData, {
                 filters: (_configuration$select3 = configuration.selectMapping) !== null && _configuration$select3 !== void 0 && _configuration$select3.searchField ? (_configuration$select4 = configuration.selectMapping) === null || _configuration$select4 === void 0 ? void 0 : _configuration$select4.searchField.reduce(function (filter, field) {
-                  return _objectSpread$t(_objectSpread$t({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
+                  return _objectSpread$u(_objectSpread$u({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -21835,8 +21923,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
 
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -21879,7 +21967,7 @@ function useListData (_ref) {
           case 3:
             result = _context.sent;
             setListData(result.data.map(parseField));
-            initData = _objectSpread$s({}, data);
+            initData = _objectSpread$t({}, data);
             setUpdatedObject(initData);
             setLoading(false);
           case 8:
@@ -21920,7 +22008,7 @@ function useListData (_ref) {
     });
     (_configuration$itemMa7 = configuration.itemMapping.itemUpdate) === null || _configuration$itemMa7 === void 0 || _configuration$itemMa7.forEach(function (field) {
       var parsedField = field.field.split('.');
-      item.itemUpdate = _objectSpread$s(_objectSpread$s({}, field), {}, {
+      item.itemUpdate = _objectSpread$t(_objectSpread$t({}, field), {}, {
         value: dataEntry[parsedField[parsedField.length - 1]]
       });
     });
@@ -21951,16 +22039,16 @@ function useListData (_ref) {
       console.error('field with more than 2 parts not allowed');
       return;
     }
-    var updObj = _objectSpread$s({}, updatedObject);
+    var updObj = _objectSpread$t({}, updatedObject);
     if (fields.length === 1) {
-      updObj = _objectSpread$s(_objectSpread$s({}, updObj), {}, _defineProperty({}, fields[0], value));
+      updObj = _objectSpread$t(_objectSpread$t({}, updObj), {}, _defineProperty({}, fields[0], value));
     } else if (fields.length === 2) {
       var updatedField = updObj[fields[0]].find(function (v) {
         return v.id === item.id.trim();
       });
       if (updatedField) {
-        var updatedFieldCopy = _objectSpread$s(_objectSpread$s({}, updatedField), {}, _defineProperty({}, fields[1], value));
-        updObj = _objectSpread$s(_objectSpread$s({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
+        var updatedFieldCopy = _objectSpread$t(_objectSpread$t({}, updatedField), {}, _defineProperty({}, fields[1], value));
+        updObj = _objectSpread$t(_objectSpread$t({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
           return v.id === item.id.trim() ? updatedFieldCopy : v;
         })));
       }
@@ -21969,11 +22057,11 @@ function useListData (_ref) {
     var acItems = listData;
     for (var i = 0; i < acItems.length; i++) {
       if (i == index) {
-        acItems[i].itemUpdate = _objectSpread$s(_objectSpread$s({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$t(_objectSpread$t({}, acItems[i].itemUpdate), {}, {
           value: value
         });
       } else if (!acItems[i].itemUpdate.multiselect) {
-        acItems[i].itemUpdate = _objectSpread$s(_objectSpread$s({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$t(_objectSpread$t({}, acItems[i].itemUpdate), {}, {
           value: !value
         });
       }
@@ -22487,8 +22575,8 @@ function calcNaturalCanvasSize(image, crop) {
   };
 }
 
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ImageCropper = function ImageCropper(_ref, ref) {
   var id = _ref.id,
     data = _ref.data,
@@ -22596,12 +22684,12 @@ var ImageCropper = function ImageCropper(_ref, ref) {
   }
   function onEnter(e) {
     if (e.key != 'Enter') return;
-    setCrop(_objectSpread$r(_objectSpread$r({}, crop), {}, {
+    setCrop(_objectSpread$s(_objectSpread$s({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
     }));
-    setCompletedCrop(_objectSpread$r(_objectSpread$r({}, crop), {}, {
+    setCompletedCrop(_objectSpread$s(_objectSpread$s({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
@@ -22679,8 +22767,8 @@ var ImageCropper$1 = observer(/*#__PURE__*/React.forwardRef(ImageCropper));
 function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
 function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useDescriptions (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -22773,7 +22861,7 @@ function _getDisplayData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          displayData = _objectSpread$q({}, data);
+          displayData = _objectSpread$r({}, data);
           _iterator = _createForOfIteratorHelper$9(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
@@ -23049,8 +23137,8 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
 };
 var FileUploadBeta = observer(FileUploadWrapper);
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useGridData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -23093,11 +23181,11 @@ function useGridData (_ref) {
 function reducer(state, action) {
   switch (action.type) {
     case 'update':
-      return _objectSpread$p(_objectSpread$p({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$p(_objectSpread$p({}, action.data), {}, {
+      return _objectSpread$q(_objectSpread$q({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$q(_objectSpread$q({}, action.data), {}, {
         buffer: Buffer.from(action.data.buffer)
       })));
     case 'delete':
-      var newState = _objectSpread$p({}, state);
+      var newState = _objectSpread$q({}, state);
       delete newState[action.data.divaNr];
       return newState;
     default:
@@ -23184,8 +23272,8 @@ var Grid = function Grid(_ref) {
   });
 };
 
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useMediaUpload = function useMediaUpload(_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -23304,7 +23392,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
     onRemove: onRemove,
     customRequest: customRequest,
     fileList: fileList.map(function (f) {
-      return _objectSpread$o(_objectSpread$o({}, f), {}, {
+      return _objectSpread$p(_objectSpread$p({}, f), {}, {
         url: f.url
       });
     }),
@@ -23431,38 +23519,6 @@ function StringCell (_ref) {
   var form = useContext(EditableContext);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    color = _useState4[0],
-    setColor = _useState4[1];
-  useEffect(function () {
-    if (column.color && record) {
-      var returnValue = '';
-      var _iterator = _createForOfIteratorHelper$7(column.color),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var col = _step.value;
-          for (var idx = 0; idx < col.onValues.length; idx++) {
-            var _col$fields, _col$operations, _col$onValues, _JSON$stringify;
-            var field = (_col$fields = col.fields) === null || _col$fields === void 0 ? void 0 : _col$fields[idx];
-            var operation = (_col$operations = col.operations) === null || _col$operations === void 0 ? void 0 : _col$operations[0];
-            var onValue = (_col$onValues = col.onValues) === null || _col$onValues === void 0 ? void 0 : _col$onValues[idx];
-            if (!field && operation === 'eq' && onValue === children[1]) {
-              returnValue = col.color;
-            } else if (field && operation === 'ct' && (_JSON$stringify = JSON.stringify(record[field])) !== null && _JSON$stringify !== void 0 && _JSON$stringify.includes(onValue)) {
-              returnValue = col.color;
-            }
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      setColor(returnValue);
-    }
-  }, []);
   useEffect(function () {
     if (editing) {
       inputRef.current.focus();
@@ -23542,7 +23598,7 @@ function StringCell (_ref) {
           whiteSpace: 'nowrap',
           overflow: 'hidden',
           textOverflow: 'ellipsis',
-          color: color == '' ? undefined : color,
+          color: getColor(column, record, children[1]),
           width: column.width,
           paddingRight: 12
         },
@@ -23551,6 +23607,33 @@ function StringCell (_ref) {
     });
   }
 }
+function getColor(column, record, value) {
+  if (column.color && record) {
+    var _iterator = _createForOfIteratorHelper$7(column.color),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var col = _step.value;
+        for (var idx = 0; idx < col.onValues.length; idx++) {
+          var _col$fields, _col$operations, _col$onValues, _JSON$stringify;
+          var field = (_col$fields = col.fields) === null || _col$fields === void 0 ? void 0 : _col$fields[idx];
+          var operation = (_col$operations = col.operations) === null || _col$operations === void 0 ? void 0 : _col$operations[0];
+          var onValue = (_col$onValues = col.onValues) === null || _col$onValues === void 0 ? void 0 : _col$onValues[idx];
+          if (!field && operation === 'eq' && onValue === value) {
+            return col.color;
+          } else if (field && operation === 'ct' && (_JSON$stringify = JSON.stringify(record[field])) !== null && _JSON$stringify !== void 0 && _JSON$stringify.includes(onValue)) {
+            return col.color;
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return undefined;
+}
 
 function TextCell (_ref) {
   var children = _ref.children,
@@ -24066,8 +24149,8 @@ function LinkCell (_ref) {
 
 var _excluded$1 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
@@ -24081,7 +24164,7 @@ var CustomRow = function CustomRow(_ref) {
     component: false,
     children: /*#__PURE__*/jsx(EditableContext.Provider, {
       value: form,
-      children: /*#__PURE__*/jsx("tr", _objectSpread$n({}, props))
+      children: /*#__PURE__*/jsx("tr", _objectSpread$o({}, props))
     })
   });
 };
@@ -24134,7 +24217,7 @@ var CustomCell = function CustomCell(_ref2) {
   if ((record === null || record === void 0 ? void 0 : record.ItemField) == 'LongDescription') {
     longDescriptionType = 'text';
   }
-  var modifiedColumn = _objectSpread$n(_objectSpread$n({}, column), {}, {
+  var modifiedColumn = _objectSpread$o(_objectSpread$o({}, column), {}, {
     type: longDescriptionType || (column === null || column === void 0 ? void 0 : column.type)
   });
   if (column) {
@@ -24147,40 +24230,40 @@ var CustomCell = function CustomCell(_ref2) {
     };
     switch (modifiedColumn.type) {
       case 'boolean':
-        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$o({}, cellProps));
         break;
       case 'text':
-        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$o({}, cellProps));
         break;
       case 'select':
-        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$o({}, cellProps));
       case 'media':
-        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$o({}, cellProps));
         break;
       case 'mediaItem':
-        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$o({}, cellProps));
         break;
       case 'unixTimeStamp':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$o({}, cellProps));
         break;
       case 'unixTimeStampCheck':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$o({}, cellProps));
         break;
       case 'icon':
-        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$o({}, cellProps));
         break;
       case 'progress':
-        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$o({}, cellProps));
         break;
       case 'link':
-        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$o({}, cellProps));
         break;
       default:
-        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$n({}, cellProps));
+        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$o({}, cellProps));
         break;
     }
   }
-  return /*#__PURE__*/jsx("td", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
+  return /*#__PURE__*/jsx("td", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
     children: childNode
   }));
 };
@@ -24532,8 +24615,8 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
 function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -24728,7 +24811,7 @@ var TableWrapper = function TableWrapper(_ref) {
               // Convert to Dayjs
               (_state$globalFilter4 = state.globalFilter) !== null && _state$globalFilter4 !== void 0 && (_state$globalFilter4 = _state$globalFilter4.timeStamp) !== null && _state$globalFilter4 !== void 0 && (_state$globalFilter4 = _state$globalFilter4['toTimeStamp']) !== null && _state$globalFilter4 !== void 0 && _state$globalFilter4[0] ? dayjs((_state$globalFilter5 = state.globalFilter) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5.timeStamp) === null || _state$globalFilter5 === void 0 || (_state$globalFilter5 = _state$globalFilter5['toTimeStamp']) === null || _state$globalFilter5 === void 0 ? void 0 : _state$globalFilter5[0]) : dayjs(new Date()) // Convert to Dayjs
               ]
-            }), ((_state$configuration$4 = state.configuration.filter) === null || _state$configuration$4 === void 0 ? void 0 : _state$configuration$4.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$m(_objectSpread$m({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
+            }), ((_state$configuration$4 = state.configuration.filter) === null || _state$configuration$4 === void 0 ? void 0 : _state$configuration$4.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$n(_objectSpread$n({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -24833,7 +24916,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$m(_objectSpread$m({}, state.pagination), {}, {
+      pagination: _objectSpread$n(_objectSpread$n({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -25140,7 +25223,7 @@ function BulkAction(_ref6) {
             }
             _context4.t0 = data;
             _context4.next = 11;
-            return apiInterface.update(_objectSpread$m(_objectSpread$m({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            return apiInterface.update(_objectSpread$n(_objectSpread$n({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 11:
             _context4.t1 = _context4.sent;
             _context4.t0.push.call(_context4.t0, _context4.t1);
@@ -25253,8 +25336,8 @@ function SelectionText(_ref8) {
   });
 }
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -25617,7 +25700,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$l(_objectSpread$l({}, f), {}, {
+              return _objectSpread$m(_objectSpread$m({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -25666,7 +25749,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$l(_objectSpread$l({}, f), {}, {
+        return _objectSpread$m(_objectSpread$m({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -25740,8 +25823,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -25794,7 +25877,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$k(_objectSpread$k(_objectSpread$k({}, column), {}, {
+  return _objectSpread$l(_objectSpread$l(_objectSpread$l({}, column), {}, {
     hidden: false,
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
@@ -25844,8 +25927,8 @@ function updateData (_ref) {
   };
 }
 
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function applyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -25860,7 +25943,7 @@ function applyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$j(_objectSpread$j({}, pagination), {}, {
+    pagination: _objectSpread$k(_objectSpread$k({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -25945,8 +26028,8 @@ function filter(f, data) {
 }
 
 var _excluded = ["_id"];
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -26001,7 +26084,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = unflatten(_objectSpread$i({
+    var processedDataRow = unflatten(_objectSpread$j({
       _id: id,
       ID: id
     }, dataRow));
@@ -26013,11 +26096,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$i(_objectSpread$i({}, state), {}, {
+    var newState = _objectSpread$j(_objectSpread$j({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = applyFilterAndSortation(_objectSpread$i(_objectSpread$i({}, filterData), {}, {
+      var res = applyFilterAndSortation(_objectSpread$j(_objectSpread$j({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -26029,33 +26112,33 @@ function useTableData$1 (_ref) {
     var formData = new FormData();
     processedDataRow._id;
       var value = _objectWithoutProperties(processedDataRow, _excluded);
-    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$j(_objectSpread$j({}, catalogItem), {}, {
       filterContex: filterContex,
       value: JSON.stringify([value])
     }), formData, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (d) {
       if (d && d.Result && d.Result == 'Success') return;
-      setState(_objectSpread$i({}, oldState));
+      setState(_objectSpread$j({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      mappingData: _objectSpread$j(_objectSpread$j({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$j(_objectSpread$j({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$i(_objectSpread$i({}, d), {}, {
+          return _objectSpread$j(_objectSpread$j({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$i({}, state.pagination),
+          pagination: _objectSpread$j({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -26071,7 +26154,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$i({}, state.pagination),
+        pagination: _objectSpread$j({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -26087,17 +26170,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$i(_objectSpread$i({}, p), {}, {
+      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$j(_objectSpread$j({}, p), {}, {
           data: unfilteredData
         })),
         data = _applyFilterAndSortat.data,
         pagination = _applyFilterAndSortat.pagination;
-      setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+      setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -26108,20 +26191,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$j(_objectSpread$j({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+        setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$i(_objectSpread$i({}, dt), {}, {
+            return _objectSpread$j(_objectSpread$j({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$i(_objectSpread$i({}, p.pagination), {}, {
+          pagination: _objectSpread$j(_objectSpread$j({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$i(_objectSpread$i({}, catalogItem), {}, {
+          mappingData: _objectSpread$j(_objectSpread$j({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -26142,7 +26225,7 @@ function useTableData$1 (_ref) {
             filters['_id'] = [id, 'eq', false];
             _context.next = 4;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$i({}, state.pagination),
+              pagination: _objectSpread$j({}, state.pagination),
               columns: configuration.columns,
               filters: filters,
               sorter: filterData.sorter
@@ -26161,7 +26244,7 @@ function useTableData$1 (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       selected: keys
     }));
   };
@@ -26171,7 +26254,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -26186,7 +26269,7 @@ function useTableData$1 (_ref) {
                     mappingData = (_newData$filter = newData.filter(function (nd) {
                       return nd._id === state.selected[index];
                     })) === null || _newData$filter === void 0 ? void 0 : _newData$filter[0];
-                    mappingData = _objectSpread$i(_objectSpread$i({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$j(_objectSpread$j({}, mappingData), state.mappingData);
                     _context2.next = 5;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData, true);
                   case 5:
@@ -26236,7 +26319,7 @@ function useTableData$1 (_ref) {
             }
             _context3.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
+              pagination: _objectSpread$j(_objectSpread$j({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -26248,11 +26331,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+            setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
+              pagination: _objectSpread$j(_objectSpread$j({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -26268,12 +26351,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
+    setState(_objectSpread$j(_objectSpread$j({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$i(_objectSpread$i({}, state), {}, {
-    configuration: _objectSpread$i(_objectSpread$i({}, configuration), {}, {
+  return _objectSpread$j(_objectSpread$j({}, state), {}, {
+    configuration: _objectSpread$j(_objectSpread$j({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -26385,8 +26468,8 @@ function objectHash (obj) {
 function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
 function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$2 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$bulkAc, _configuration$apiInt;
@@ -26422,8 +26505,7 @@ function useTableData (_ref) {
   var toggleConfig = (_configuration$filter = configuration.filter) === null || _configuration$filter === void 0 ? void 0 : _configuration$filter.toggle;
   var toggleFilter = {};
   toggleConfig === null || toggleConfig === void 0 || toggleConfig.fields.forEach(function (f) {
-    var _toggleConfig$isAnd;
-    return toggleFilter[f] = [toggleConfig.globalValue ? root.getGlobalValue(toggleConfig.globalValue) : true, 'eq', ((_toggleConfig$isAnd = toggleConfig.isAnd) !== null && _toggleConfig$isAnd !== void 0 ? _toggleConfig$isAnd : false) ? 0 : 1];
+    return toggleFilter[f] = [toggleConfig.globalValue ? root.getGlobalValue(toggleConfig.globalValue) : true, 'eq', !toggleConfig.isAnd];
   });
   var defaultFilter = {};
   (_configuration$filter2 = configuration.filter) === null || _configuration$filter2 === void 0 || (_configuration$filter2 = _configuration$filter2["default"]) === null || _configuration$filter2 === void 0 || _configuration$filter2.fields.forEach(function (f) {
@@ -26445,7 +26527,7 @@ function useTableData (_ref) {
   var _useState13 = useState({
       loading: true,
       deleting: false,
-      pagination: _objectSpread$h({
+      pagination: _objectSpread$i({
         current: 1,
         pageSize: 20,
         total: 0,
@@ -26454,7 +26536,7 @@ function useTableData (_ref) {
       selected: [],
       canDelete: !!apiHandler.canDelete,
       canSelect: !!apiHandler.canDelete || !!((_configuration$bulkAc = configuration.bulkActions) !== null && _configuration$bulkAc !== void 0 && _configuration$bulkAc.length),
-      mappingData: _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+      mappingData: _objectSpread$i(_objectSpread$i({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         }
@@ -26463,7 +26545,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mapping = _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+  var mapping = _objectSpread$i(_objectSpread$i({}, parentData), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -26502,14 +26584,14 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$h({}, state);
+    var newState = _objectSpread$i({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
     }
     var pagination = undefined;
     if (state.pagination.total !== state.data.length + dataArray.length) {
-      pagination = _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+      pagination = _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
         total: state.data.length + dataArray.length
       });
     }
@@ -26526,7 +26608,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$h(_objectSpread$h({}, newState), {}, {
+          newState = _objectSpread$i(_objectSpread$i({}, newState), {}, {
             pagination: (_pagination = pagination) !== null && _pagination !== void 0 ? _pagination : newState.pagination,
             data: _data,
             selected: selected
@@ -26539,8 +26621,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData), {}, {
-            filters: _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
+        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, filterData), {}, {
+            filters: _objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
           }, configuration !== null && configuration !== void 0 && (_configuration$filter6 = configuration.filter) !== null && _configuration$filter6 !== void 0 && (_configuration$filter6 = _configuration$filter6.toggle) !== null && _configuration$filter6 !== void 0 && _configuration$filter6.inQuery ? {
             genericProps: globalFilter.toggle
           } : undefined), {}, {
@@ -26550,7 +26632,7 @@ function useTableData (_ref) {
           _data2 = _applyFilterAndSortat.data,
           _pagination2 = _applyFilterAndSortat.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$h(_objectSpread$h({}, newState), {}, {
+        newState = _objectSpread$i(_objectSpread$i({}, newState), {}, {
           pagination: _pagination2,
           data: _data2,
           selected: selected
@@ -26560,8 +26642,8 @@ function useTableData (_ref) {
     if (apiHandler.canCreate) {
       apiCreate(data).then(function (res) {
         if (!res || (res === null || res === void 0 ? void 0 : res.Error) !== undefined) {
-          initData && setInitData(_objectSpread$h({}, initData));
-          setState(_objectSpread$h({}, state));
+          initData && setInitData(_objectSpread$i({}, initData));
+          setState(_objectSpread$i({}, state));
         }
       });
     }
@@ -26574,7 +26656,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter7;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$i({}, globalFilter);
     //on refresh update default filter, since global value can change
     if ((_configuration$filter7 = configuration.filter) !== null && _configuration$filter7 !== void 0 && _configuration$filter7["default"]) {
       var _configuration$filter8;
@@ -26585,7 +26667,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$i({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -26603,7 +26685,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -26646,7 +26728,7 @@ function useTableData (_ref) {
           case 0:
             filters = {};
             filters['_id'] = [id, 'eq', false];
-            ssf = _objectSpread$h({
+            ssf = _objectSpread$i({
               pagination: {
                 current: 1,
                 pageSize: 1
@@ -26699,11 +26781,11 @@ function useTableData (_ref) {
             prefilter = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : globalFilter;
             refresh = _args3.length > 2 ? _args3[2] : undefined;
             clearSelection = _args3.length > 3 ? _args3[3] : undefined;
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, prefilter.search), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
+            filterData = _objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, prefilter.search), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
             filterData = Object.fromEntries(Object.entries(filterData).filter(function (_ref6) {
               var _ref7 = _slicedToArray(_ref6, 2);
                 _ref7[0];
@@ -26711,7 +26793,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$h(_objectSpread$h({}, p.pagination), {}, {
+            currentPagination = _objectSpread$i(_objectSpread$i({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -26719,7 +26801,7 @@ function useTableData (_ref) {
               _context3.next = 20;
               break;
             }
-            ssf = _objectSpread$h({
+            ssf = _objectSpread$i({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -26733,7 +26815,7 @@ function useTableData (_ref) {
             data = _context3.sent;
             currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, mapping, ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$h(_objectSpread$h({}, currentPagination), {}, {
+            currentPagination = _objectSpread$i(_objectSpread$i({}, currentPagination), {}, {
               total: data.total
             });
             _context3.next = 29;
@@ -26750,7 +26832,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 26:
-            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$h(_objectSpread$h({}, p), {}, {
+            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$i(_objectSpread$i({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -26759,11 +26841,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 29:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$h(_objectSpread$h({}, parentData), {}, {
+              mappingData: _objectSpread$i(_objectSpread$i({}, parentData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -26785,7 +26867,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
       selected: keys
     }));
   };
@@ -26796,7 +26878,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -26836,7 +26918,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$h(_objectSpread$h(_objectSpread$h({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$i(_objectSpread$i(_objectSpread$i({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context4.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -26926,12 +27008,12 @@ function useTableData (_ref) {
               break;
             }
             _context5.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$h({
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$i({
+              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter16 = configuration.filter) !== null && _configuration$filter16 !== void 0 && (_configuration$filter16 = _configuration$filter16.toggle) !== null && _configuration$filter16 !== void 0 && _configuration$filter16.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
+              filters: _objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter16 = configuration.filter) !== null && _configuration$filter16 !== void 0 && (_configuration$filter16 = _configuration$filter16.toggle) !== null && _configuration$filter16 !== void 0 && _configuration$filter16.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
               sorter: filterData.sorter
             }, configuration !== null && configuration !== void 0 && (_configuration$filter17 = configuration.filter) !== null && _configuration$filter17 !== void 0 && (_configuration$filter17 = _configuration$filter17.toggle) !== null && _configuration$filter17 !== void 0 && _configuration$filter17.inQuery ? {
               genericProps: globalFilter.toggle
@@ -26942,11 +27024,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$i(_objectSpread$i({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+              pagination: _objectSpread$i(_objectSpread$i({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -26967,14 +27049,14 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global select filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$i({}, globalFilter);
     if (value !== null && value !== void 0 && value.length) {
       newGlobalFilter.select = _defineProperty({}, configuration.filter.select.filterField, Array.isArray(value) ? value : [value]);
     } else {
       newGlobalFilter.select = {};
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$i({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -26986,13 +27068,13 @@ function useTableData (_ref) {
     }
     var toggleFilter = {};
     configuration.filter.toggle.fields.forEach(function (f) {
-      return toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', configuration.filter.toggle.isAnd ? 0 : 1];
+      return toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', !configuration.filter.toggle.isAnd];
     });
-    var newGlobalFilter = _objectSpread$h(_objectSpread$h({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$i(_objectSpread$i({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$i({
       pagination: state.pagination
     }, filterData), newGlobalFilter, undefined, true);
   };
@@ -27005,7 +27087,7 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global search filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$h(_objectSpread$h({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$i(_objectSpread$i({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -27019,7 +27101,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$i({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -27029,17 +27111,17 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global period filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$h({}, globalFilter);
+    var newGlobalFilter = _objectSpread$i({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$h({
+    onChange(_objectSpread$i({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
-  return _objectSpread$h(_objectSpread$h({}, state), {}, {
+  return _objectSpread$i(_objectSpread$i({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -27081,8 +27163,8 @@ function StandardTable (_ref) {
   });
 }
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -27090,15 +27172,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$g({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$g({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$h({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$h({}, props))]
   });
 }
 
 function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
 function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -27192,7 +27274,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$f(_objectSpread$f({}, rd), {}, {
+                    rdat.push(_objectSpread$g(_objectSpread$g({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -27335,8 +27417,8 @@ var value = "value-FCA-6";
 var css_248z$a = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z$a);
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -27344,11 +27426,11 @@ var AGChart = function AGChart(_ref) {
   data.forEach(function (dt) {
     if (dt.count == 0) return;
     if (groupedData.length > dt.grouping[0]) {
-      groupedData[dt.grouping[0]].push(_objectSpread$e(_objectSpread$e({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$f(_objectSpread$f({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$e(_objectSpread$e({}, dt), {}, {
+      groupedData.push([_objectSpread$f(_objectSpread$f({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -27389,8 +27471,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
 
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -27483,7 +27565,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$d(_objectSpread$d({}, column), {}, {
+      return _objectSpread$e(_objectSpread$e({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -27753,8 +27835,8 @@ var CustomText = function CustomText(_ref) {
 };
 var CustomText$1 = observer(CustomText);
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -27817,7 +27899,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$c(_objectSpread$c({}, state), ob);
+    return _objectSpread$d(_objectSpread$d({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -27831,8 +27913,8 @@ function useFilterBoxData (id) {
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -27860,7 +27942,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
           }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$b(_objectSpread$b({}, state.filter), {}, {
+            wholeData: _objectSpread$c(_objectSpread$c({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -28092,8 +28174,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -28125,7 +28207,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$a(_objectSpread$a({}, filter), {}, {
+      return setFilter(_objectSpread$b(_objectSpread$b({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -28148,8 +28230,8 @@ function useUIBuilderData (id) {
   };
 }
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -28176,7 +28258,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$9({}, state.filter);
+              var newFilter = _objectSpread$a({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -28224,7 +28306,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$9({
+          filter: _objectSpread$a({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -28384,8 +28466,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -28451,7 +28533,7 @@ function useTransformJson (_ref) {
   }();
   var _transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$8(_objectSpread$8({}, data), {}, {
+    return _objectSpread$9(_objectSpread$9({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -28531,7 +28613,7 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
         items: breadcrumbs.map(function (data) {
           return {
             key: data.id,
-            breadcrumbName: data.displayName,
+            title: data.displayName,
             onClick: function onClick() {
               var _root$dataStore;
               return root === null || root === void 0 || (_root$dataStore = root.dataStore) === null || _root$dataStore === void 0 ? void 0 : _root$dataStore.setSelectedOrganizationId(data.id);
@@ -29112,8 +29194,8 @@ function useCatalogEditor (id) {
   };
 }
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -29218,7 +29300,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$7(_objectSpread$7({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$8(_objectSpread$8({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -29435,17 +29517,17 @@ function CatalogEditor(_ref) {
 }
 var CatalogEditor$1 = observer(CatalogEditor);
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Spreadsheet (props) {
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Spreadsheet$1 (props) {
   var root = useStore();
-  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$6(_objectSpread$6({}, props), {}, {
+  return /*#__PURE__*/jsx(Spreadsheet$2, _objectSpread$7(_objectSpread$7({}, props), {}, {
     darkMode: root.contentStore.theme == 'darkmode',
     jwt: root.dataStore.jwt
   }));
 }
 
-function useNavigation () {
+function useNavigation$1 () {
   var root = useStore();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
@@ -29472,11 +29554,103 @@ function useNavigation () {
   };
 }
 
+function PublishCustomCell (_ref) {
+  var data = _ref.data,
+    apiConfig = _ref.apiConfig,
+    context = _ref.context,
+    api = _ref.api;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    loading = _React$useState2[0],
+    isLoading = _React$useState2[1];
+  var unpublishedChanges = hasUnpublishedChanges(data.publishDate, data.lastUpdatedDate);
+  var disabled = !data.basedCatalogId && !data.basedPackageId || !data.name;
+  var _onChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(publish) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            isLoading(true);
+            if (!publish) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 4;
+            return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
+              update: apiConfig.enricherService + '/packages/${_id}/publish',
+              usePut: true
+            });
+          case 4:
+            _context.next = 8;
+            break;
+          case 6:
+            _context.next = 8;
+            return context === null || context === void 0 ? void 0 : context.updateServerData(data, {
+              update: apiConfig.enricherService + '/packages/${_id}/unpublish',
+              usePut: true
+            });
+          case 8:
+            context === null || context === void 0 || context.reset({
+              context: context,
+              api: api
+            });
+            isLoading(false);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onChange(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  if (data.__isEmpty) return '';
+  return /*#__PURE__*/jsx(Spin, {
+    spinning: loading,
+    children: /*#__PURE__*/jsxs(Space$1, {
+      size: "middle",
+      children: [/*#__PURE__*/jsx(Tooltip, {
+        title: !!data.isPublished ? t('backoffice.idmEnricher.packages.label.unpublish') : t('backoffice.idmEnricher.packages.label.publish'),
+        children: /*#__PURE__*/jsx(Checkbox$1, {
+          checked: !!data.isPublished,
+          disabled: disabled,
+          indeterminate: unpublishedChanges,
+          onChange: function onChange(e) {
+            return _onChange(e.target.checked);
+          }
+        })
+      }), unpublishedChanges && /*#__PURE__*/jsx(Tooltip, {
+        title: t('backoffice.idmEnricher.packages.label.unpublishedChanges'),
+        children: /*#__PURE__*/jsx(Button$1, {
+          shape: "circle",
+          icon: /*#__PURE__*/jsx(ReloadOutlined, {}),
+          onClick: function onClick() {
+            return _onChange(true);
+          }
+        })
+      })]
+    })
+  });
+}
+function hasUnpublishedChanges(publishDateString, lastUpdatedDateString) {
+  var publishDate = publishDateString ? new Date(publishDateString) : undefined;
+  var lastUpdatedDate = lastUpdatedDateString ? new Date(lastUpdatedDateString) : undefined;
+  if (publishDate) {
+    if (lastUpdatedDate && publishDate < lastUpdatedDate) {
+      return true;
+    }
+  }
+  return false;
+}
+
 function TablePackages () {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useNavigation = useNavigation(),
+  var _useNavigation = useNavigation$1(),
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
     updateNavigation = _useNavigation.updateNavigation;
@@ -29487,12 +29661,12 @@ function TablePackages () {
   }, [organizationId]);
   useEffect(function () {
     //remove the packages submenu when opening this module
-    root.contentStore.removeAdditionalElement('packages');
+    root.contentStore.removeAdditionalElement('idmenricher');
   }, []);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: t('backoffice.menu.items.label.IDMEnricherTablePackages')
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), /*#__PURE__*/jsx(Spreadsheet$1, {
       gridId: 'packages-grid',
       applicationData: applicationData,
       rowActions: [{
@@ -29503,41 +29677,15 @@ function TablePackages () {
         },
         disabled: function disabled(_ref2) {
           var selectedNodes = _ref2.selectedNodes;
-          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
-        }
-      }, {
-        icon: /*#__PURE__*/jsx(UploadOutlined$1, {}),
-        name: t('backoffice.idmEnricher.packages.label.publish'),
-        action: function () {
-          var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-            var selectedNodes, context;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  selectedNodes = _ref3.selectedNodes, context = _ref3.context;
-                  _context.next = 3;
-                  return context === null || context === void 0 ? void 0 : context.updateServerData(selectedNodes[0].data, {
-                    update: apiConfig.enricherService + '/packages/${_id}/publish',
-                    usePut: true
-                  });
-                case 3:
-                  context === null || context === void 0 || context.reset();
-                case 4:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          function action(_x) {
-            return _action.apply(this, arguments);
-          }
-          return action;
-        }(),
-        disabled: function disabled(_ref4) {
-          var selectedNodes = _ref4.selectedNodes;
-          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
+          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId || !selectedNodes[0].data.name;
         }
       }],
+      preFilter: {
+        colId: 'organizationId',
+        filterType: 'text',
+        type: 'equals',
+        filter: organizationId
+      },
       configuration: {
         type: 'dotnetSSM',
         apiInterface: {
@@ -29551,26 +29699,24 @@ function TablePackages () {
         floatingFilter: true,
         colDef: [{
           field: 'isPublished',
-          headerName: 'backoffice.idmEnricher.packages.label.published',
-          valueGetter: function valueGetter(params) {
-            var _params$data, _params$data2;
-            var publishDate = (_params$data = params.data) !== null && _params$data !== void 0 && _params$data.publishDate ? new Date(params.data.publishDate) : undefined;
-            var lastUpdatedDate = (_params$data2 = params.data) !== null && _params$data2 !== void 0 && _params$data2.lastUpdatedDate ? new Date(params.data.lastUpdatedDate) : undefined;
-            if (!publishDate) return false;
-            if (!lastUpdatedDate) return !!publishDate;
-            if (publishDate < lastUpdatedDate) return undefined;
-            return true;
+          //the cell should refresh on changes of this fields
+          valueGetter: function valueGetter(_ref3) {
+            var data = _ref3.data;
+            return {
+              isPublished: data === null || data === void 0 ? void 0 : data.isPublished,
+              name: data === null || data === void 0 ? void 0 : data.name,
+              basedCatalogId: data === null || data === void 0 ? void 0 : data.basedCatalogId,
+              basedPackageId: data === null || data === void 0 ? void 0 : data.basedPackageId
+            };
           },
-          editable: false,
+          headerName: 'backoffice.idmEnricher.packages.label.published',
+          cellRenderer: PublishCustomCell,
           cellDataType: 'boolean',
+          editable: false,
           pinned: 'left',
           lockPinned: true,
-          doRefresh: true,
-          customParams: {
-            disabled: true
-          },
-          tooltipValueGetter: function tooltipValueGetter(params) {
-            return params.value == undefined ? t('backoffice.idmEnricher.packages.label.unpublishedChanges') : undefined;
+          cellRendererParams: {
+            apiConfig: apiConfig
           }
         }, {
           headerName: 'backoffice.idmEnricher.packages.label.name',
@@ -29580,9 +29726,9 @@ function TablePackages () {
           headerName: 'backoffice.idmEnricher.packages.label.catalogId',
           field: 'basedCatalogId',
           cellDataType: 'lookup',
-          editable: function editable(_ref5) {
-            var data = _ref5.data;
-            return !data.isPublished && !data.basedPackageId;
+          editable: function editable(_ref4) {
+            var data = _ref4.data;
+            return !data.basedCatalogId && !data.basedPackageId;
           },
           customParams: {
             filterCellType: 'id',
@@ -29598,9 +29744,9 @@ function TablePackages () {
           headerName: 'backoffice.idmEnricher.packages.label.packageId',
           field: 'basedPackageId',
           cellDataType: 'lookup',
-          editable: function editable(_ref6) {
-            var data = _ref6.data;
-            return !data.isPublished && !data.basedCatalogId;
+          editable: function editable(_ref5) {
+            var data = _ref5.data;
+            return !data.basedCatalogId && !data.basedPackageId;
           },
           customParams: {
             filterCellType: 'id',
@@ -29646,7 +29792,7 @@ function TablePackages () {
           headerName: 'backoffice.idmEnricher.general.label._id',
           field: '_id',
           editable: false,
-          cellDataType: 'id'
+          cellDataType: 'objectId'
         }, {
           field: 'organizationId',
           editable: false,
@@ -29695,11 +29841,11 @@ function PackageSelector(_ref) {
   });
 }
 
-function useModule (currentModules) {
+function useModule$1 (currentModules) {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useNavigation = useNavigation(),
+  var _useNavigation = useNavigation$1(),
     updateNavigation = _useNavigation.updateNavigation,
     organizationId = _useNavigation.organizationId,
     apiConfig = _useNavigation.apiConfig,
@@ -29745,7 +29891,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/renaming/features' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/renaming/features' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingFeature')
         })
       }, {
@@ -29755,7 +29901,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/renaming/options' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/renaming/options' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingOption')
         })
       }, {
@@ -29765,7 +29911,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/renaming/items' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/renaming/items' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingItem')
         })
       }
@@ -29787,7 +29933,7 @@ function useModule (currentModules) {
       },
       icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
       label: /*#__PURE__*/jsx(Link, {
-        to: 'catalogs/packages/' + packageId + '/tabgroups' + (searchParams ? '?' + searchParams.toString() : ''),
+        to: 'catalogs/idm/packages/' + packageId + '/tabgroups' + (searchParams ? '?' + searchParams.toString() : ''),
         children: t('backoffice.menu.items.label.IDMEnricherEditorTableTabGroups')
       })
     }, {
@@ -29817,7 +29963,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/exclusivity/efeature' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/exclusivity/efeature' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingFeature')
         })
       }, {
@@ -29827,7 +29973,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/exclusivity/eoption' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/exclusivity/eoption' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingOption')
         })
       }, {
@@ -29837,7 +29983,7 @@ function useModule (currentModules) {
         },
         icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
         label: /*#__PURE__*/jsx(Link, {
-          to: 'catalogs/packages/' + packageId + '/exclusivity/eitem' + (searchParams ? '?' + searchParams.toString() : ''),
+          to: 'catalogs/idm/packages/' + packageId + '/exclusivity/eitem' + (searchParams ? '?' + searchParams.toString() : ''),
           children: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingItem')
         })
       }
@@ -29859,7 +30005,7 @@ function useModule (currentModules) {
       },
       icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
       label: /*#__PURE__*/jsx(Link, {
-        to: 'catalogs/packages/' + packageId + '/properties' + (searchParams ? '?' + searchParams.toString() : ''),
+        to: 'catalogs/idm/packages/' + packageId + '/properties' + (searchParams ? '?' + searchParams.toString() : ''),
         children: t('backoffice.menu.items.label.IDMEnricherEditorTableProperties')
       })
     }];
@@ -29905,7 +30051,7 @@ function useModule (currentModules) {
 function TableProperties () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['properties']),
+  var _useModule = useModule$1(['properties']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
@@ -29932,8 +30078,8 @@ function TableProperties () {
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: 'crud-grid_tabgroups',
+    }), /*#__PURE__*/jsx(Spreadsheet$1, {
+      gridId: 'crud-grid_properties',
       applicationData: applicationData,
       configuration: {
         type: 'dotnetSSM',
@@ -29948,14 +30094,61 @@ function TableProperties () {
         floatingFilter: true,
         colDef: [{
           field: 'key',
-          headerName: 'backoffice.idmEnricher.properties.label.key'
+          headerName: 'backoffice.idmEnricher.properties.label.key',
+          required: true,
+          pinned: true
+        }, {
+          field: 'featureNos',
+          headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
+          cellDataType: 'lookup',
+          editable: true,
+          customParams: {
+            nameField: 'featureNosDisplayTexts',
+            displayLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/features'
+            },
+            lookupValue: 'featureText',
+            lookupKey: 'featureNo',
+            multiple: true,
+            translated: true
+          },
+          additionalFields: ['featureNosDisplayTexts'],
+          isDictionary: true,
+          pinned: true
+        }, {
+          field: 'optionKeys',
+          headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
+          cellDataType: 'lookup',
+          editable: true,
+          customParams: {
+            nameField: 'optionKeysDisplayTexts',
+            displayLabelTemplate: '${name} (${value})',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/options'
+            },
+            lookupValue: 'optionText',
+            lookupKey: 'optionKey',
+            multiple: true,
+            translated: true,
+            filter: {
+              colId: 'featureNo',
+              type: 'equals',
+              filterType: 'text',
+              filter: '${featureNos}'
+            }
+          },
+          additionalFields: ['optionKeysDisplayTexts'],
+          isDictionary: true,
+          pinned: true
         }, {
           headerName: 'backoffice.idmEnricher.properties.label.name',
           marryChildren: true,
           children: [{
             field: 'name.DE',
             headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true
+            isDictionary: true,
+            pinned: true
           }, {
             field: 'name.EN',
             headerName: 'backoffice.idmEnricher.general.label.EN',
@@ -29975,7 +30168,8 @@ function TableProperties () {
           children: [{
             field: 'value.DE',
             headerName: 'backoffice.idmEnricher.general.label.DE',
-            isDictionary: true
+            isDictionary: true,
+            pinned: true
           }, {
             field: 'value.EN',
             headerName: 'backoffice.idmEnricher.general.label.EN',
@@ -29989,42 +30183,6 @@ function TableProperties () {
             headerName: 'backoffice.idmEnricher.general.label.IT',
             isDictionary: true
           }]
-        }, {
-          field: 'featureNos',
-          headerName: 'backoffice.idmEnricher.renaming.label.featureNr',
-          cellDataType: 'lookup',
-          editable: true,
-          customParams: {
-            nameField: 'featureNosDisplayTexts',
-            displayLabelTemplate: '${name} (${value})',
-            apiInterface: {
-              read: apiConfig.enricherService + '/packages/${packageId}/lookup/features'
-            },
-            lookupValue: 'featureText',
-            lookupKey: 'featureNo',
-            multiple: true,
-            translated: true
-          },
-          additionalFields: ['featureNosDisplayTexts'],
-          isDictionary: true
-        }, {
-          field: 'optionKeys',
-          headerName: 'backoffice.idmEnricher.renaming.label.optionKeys',
-          cellDataType: 'lookup',
-          editable: true,
-          customParams: {
-            nameField: 'optionKeysDisplayTexts',
-            displayLabelTemplate: '${name} (${value})',
-            apiInterface: {
-              read: apiConfig.enricherService + '/packages/${packageId}/lookup/options'
-            },
-            lookupValue: 'optionText',
-            lookupKey: 'optionKey',
-            multiple: true,
-            translated: true
-          },
-          additionalFields: ['optionKeysDisplayTexts'],
-          isDictionary: true
         }, {
           field: 'serieNos',
           headerName: 'backoffice.idmEnricher.renaming.label.serieNos',
@@ -30474,7 +30632,7 @@ function useConfiguration (configuration) {
   };
 }
 
-function PrefilterSelector (_ref) {
+function PrefilterSelector$1 (_ref) {
   var type = _ref.type,
     packageId = _ref.packageId,
     selectedSerie = _ref.selectedSerie,
@@ -30550,7 +30708,7 @@ var RenamingTable = function RenamingTable(_ref) {
     config = _ref.config;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['renaming', type]),
+  var _useModule = useModule$1(['renaming', type]),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
@@ -30585,7 +30743,7 @@ var RenamingTable = function RenamingTable(_ref) {
               return updateNavigation(id);
             },
             enricherService: apiConfig.enricherService
-          }), /*#__PURE__*/jsx(PrefilterSelector, {
+          }), /*#__PURE__*/jsx(PrefilterSelector$1, {
             type: type == 'items' ? 'item' : type == 'options' ? 'option' : type,
             packageId: packageId,
             selectedSerie: selectedSerie,
@@ -30597,7 +30755,7 @@ var RenamingTable = function RenamingTable(_ref) {
           })]
         })]
       })
-    }), showTable() && /*#__PURE__*/jsx(Spreadsheet, {
+    }), showTable() && /*#__PURE__*/jsx(Spreadsheet$1, {
       gridId: 'renaming-grid_' + type + (type === 'options' ? '_' + (selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.featureNo) : type === 'items' ? '_' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.serieNo) : ''),
       applicationData: applicationData,
       preFilter: type === 'options' && selectedFeature ? {
@@ -30632,7 +30790,7 @@ var RenamingTable = function RenamingTable(_ref) {
           headerName: t('backoffice.idmEnricher.general.label._id'),
           field: '_id',
           editable: false,
-          cellDataType: 'id'
+          cellDataType: 'objectId'
         }])
       }
     })]
@@ -31024,7 +31182,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedFeature = _React$useState4[0],
     setSelectedFeature = _React$useState4[1];
-  var _useModule = useModule(['exclusivity', type]),
+  var _useModule = useModule$1(['exclusivity', type]),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -31060,7 +31218,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
               return updateNavigation(id);
             },
             enricherService: apiConfig.enricherService
-          }), /*#__PURE__*/jsx(PrefilterSelector, {
+          }), /*#__PURE__*/jsx(PrefilterSelector$1, {
             type: type.slice(1) //remove the first character 'e' from the type
             ,
             packageId: packageId,
@@ -31073,7 +31231,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
           })]
         })]
       })
-    }), showTable() && /*#__PURE__*/jsx(Spreadsheet, {
+    }), showTable() && /*#__PURE__*/jsx(Spreadsheet$1, {
       gridId: 'crud-grid_exclusivity_' + type + ((_selectedSerie$series = selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie.seriesName.DE) !== null && _selectedSerie$series !== void 0 ? _selectedSerie$series : ''),
       applicationData: applicationData,
       configuration: {
@@ -31103,8 +31261,8 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
         }, {
           headerName: t('backoffice.idmEnricher.general.label._id'),
           field: '_id',
-          editable: false,
-          cellDataType: 'id'
+          editable: true,
+          cellDataType: 'objectId'
         }])
       }
     })]
@@ -31114,7 +31272,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
 function TableTabGroups () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useModule = useModule(['tabgroups']),
+  var _useModule = useModule$1(['tabgroups']),
     packageId = _useModule.packageId,
     updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
@@ -31135,7 +31293,7 @@ function TableTabGroups () {
           })
         })]
       })
-    }), /*#__PURE__*/jsx(Spreadsheet, {
+    }), /*#__PURE__*/jsx(Spreadsheet$1, {
       gridId: 'crud-grid_tabgroups',
       applicationData: {
         organizationId: organizationId,
@@ -31220,7 +31378,7 @@ function TableTabGroups () {
           headerName: 'backoffice.idmEnricher.general.label._id',
           field: '_id',
           editable: false,
-          cellDataType: 'id'
+          cellDataType: 'objectId'
         }]
       }
     })]
@@ -31235,10 +31393,10 @@ function IDMEnricherEditor (_ref) {
       display: 'flex',
       flexDirection: 'column'
     },
-    children: /*#__PURE__*/jsx(Content$1, {})
+    children: /*#__PURE__*/jsx(Content$2, {})
   });
 }
-function Content$1() {
+function Content$2() {
   return /*#__PURE__*/jsxs(Routes, {
     children: [/*#__PURE__*/jsx(Route, {
       index: true,
@@ -31272,43 +31430,1085 @@ function Content$1() {
   });
 }
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ContentWrapper = function ContentWrapper(_ref) {
-  var id = _ref.id;
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Spreadsheet (props) {
   var root = useStore();
-  var current = useMemo(function () {
-    var configuration = root.configurationStore.getConfiguration(id);
-    return {
-      id: id,
-      configuration: configuration
-    };
-  }, [id]);
-  if (!current) {
-    return null;
-  }
-  return /*#__PURE__*/jsxs(Layout.Content, {
-    id: "contnet",
-    style: {
-      margin: 16,
-      position: 'relative',
-      minHeight: 'auto',
-      height: 'calc(100% - 32px)'
-    },
-    children: [current.configuration.type !== 'Group' && /*#__PURE__*/jsx(ContentCard, {
-      configId: current.id,
-      type: current.configuration.type,
-      inGroup: false
-    }), current.configuration.type == 'Group' && /*#__PURE__*/jsx(Group, {
-      id: current.id
-    })]
-  }, id + (root.dataStore.organizationId || ''));
-};
-var Group = observer(function (_ref2) {
-  var _configuration$direct, _configuration$items;
-  var id = _ref2.id;
+  return /*#__PURE__*/jsx(Spreadsheet$2, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    darkMode: root.contentStore.theme == 'darkmode',
+    jwt: root.dataStore.jwt
+  }));
+}
+
+function useNavigation () {
   var root = useStore();
-  var configuration = root.configurationStore.getConfiguration(id);
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
+    searchParams = _useSearchParams2[0];
+  var navigate = useNavigate();
+  var _useParams = useParams(),
+    catalogId = _useParams.catalogId;
+
+  /**
+   *
+   * @param currentCatalog the current catalog id to be updated in the url
+   * @param module the current module to be updated in the url
+   * @param path a path string to change the relative path position, ie: '../../' to go up two level
+   */
+  var updateNavigation = useCallback(function (currentCatalog, modules) {
+    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    navigate(path + currentCatalog + '/' + modules.join('/') + (searchParams ? '?' + searchParams.toString() : ''));
+  }, [searchParams]);
+  return {
+    updateNavigation: updateNavigation,
+    organizationId: root.dataStore.organizationId,
+    apiConfig: root.configurationStore.apiConfig,
+    catalogId: catalogId
+  };
+}
+
+function TableCatalogs () {
+  var root = useStore();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useNavigation = useNavigation(),
+    organizationId = _useNavigation.organizationId,
+    apiConfig = _useNavigation.apiConfig,
+    updateNavigation = _useNavigation.updateNavigation;
+  var formatDic = {
+    A: t('backoffice.idmCatalogEditor.items.label.arbeitsplattenhersteller'),
+    B: t('backoffice.idmCatalogEditor.items.label.badmoebelhersteller'),
+    G: t('backoffice.idmCatalogEditor.items.label.geraetehersteller'),
+    K: t('backoffice.idmCatalogEditor.items.label.kuechenmöbelhersteller'),
+    O: t('backoffice.idmCatalogEditor.items.label.bueromoebelhersteller'),
+    P: t('backoffice.idmCatalogEditor.items.label.polstermoebelhersteller'),
+    S: t('backoffice.idmCatalogEditor.items.label.sanitaerhersteller'),
+    W: t('backoffice.idmCatalogEditor.items.label.wohnmoebelhersteller'),
+    Z: t('backoffice.idmCatalogEditor.items.label.zubehoerhersteller')
+  };
+  var catalogMarkDic = {
+    K: t('backoffice.idmCatalog.general.label.catalogMark.K'),
+    B: t('backoffice.idmCatalog.general.label.catalogMark.B'),
+    V: t('backoffice.idmCatalog.general.label.catalogMark.V'),
+    F: t('backoffice.idmCatalog.general.label.catalogMark.F')
+  };
+  var formOfAddressDic = {
+    1: t('backoffice.idmCatalog.general.label.formOfAddress.1'),
+    2: t('backoffice.idmCatalog.general.label.formOfAddress.2')
+  };
+  var priceDependentDic = {
+    0: t('backoffice.idmCatalog.general.label.priceDependent.0'),
+    1: t('backoffice.idmCatalog.general.label.priceDependent.1')
+  };
+  var unitDic = {
+    0: t('backoffice.idmCatalog.general.label.unit.0'),
+    1: t('backoffice.idmCatalog.general.label.unit.1'),
+    10: t('backoffice.idmCatalog.general.label.unit.10'),
+    100: t('backoffice.idmCatalog.general.label.unit.100'),
+    1000: t('backoffice.idmCatalog.general.label.unit.1000'),
+    1000000: t('backoffice.idmCatalog.general.label.unit.1000000'),
+    1000000000: t('backoffice.idmCatalog.general.label.unit.1000000000')
+  };
+
+  /*formatValue: (value: number) => {
+                      const displayNames: { [key: number]: string } = {
+                        0: 'Stückpreis',
+                        1: 'mm',
+                        10: 'cm',
+                        100: 'cm²',
+                        1000: 'm oder cm³',
+                        1000000: 'm²',
+                        1000000000: 'm³',
+                      };
+                      return value + ' - ' + displayNames[value];
+                    },*/
+
+  var roundingTypeDic = {
+    1: t('backoffice.idmCatalog.general.label.roundingType.1'),
+    2: t('backoffice.idmCatalog.general.label.roundingType.2'),
+    3: t('backoffice.idmCatalog.general.label.roundingType.3')
+  };
+  var applicationData = useMemo(function () {
+    return {
+      organizationId: organizationId
+    };
+  }, [organizationId]);
+  useEffect(function () {
+    //remove the packages submenu when opening this module
+    root.contentStore.removeAdditionalElement('idmenricher');
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: t('backoffice.menu.items.label.IDMEditorTableCatalogs')
+    }), /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'catalogs-grid',
+      applicationData: applicationData,
+      rowActions: [{
+        icon: /*#__PURE__*/jsx(EditOutlined, {}),
+        action: function action(_ref) {
+          var selectedNodes = _ref.selectedNodes;
+          updateNavigation(selectedNodes[0].data._id, ['items']);
+        }
+      }],
+      configuration: {
+        type: 'dotnetSSM',
+        apiInterface: {
+          read: apiConfig.idmService + '/v3.0/catalogs?organizationId=${organizationId}',
+          create: apiConfig.idmService + '/v3.0/catalogs',
+          restore: apiConfig.idmService + '/v3.0/catalogs/${_id}',
+          "delete": apiConfig.idmService + '/v3.0/catalogs/${_id}',
+          update: apiConfig.idmService + '/v3.0/catalogs/${_id}'
+        },
+        dateFormat: 'DD.MM.YYYY, HH:mm:ss',
+        floatingFilter: true,
+        colDef: [{
+          headerName: 'backoffice.idmCatalog.packages.label.name',
+          field: 'name',
+          required: true
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.filename',
+          field: 'filename',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.filesize',
+          field: 'size',
+          cellDataType: 'number',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label._id',
+          field: '_id',
+          editable: false,
+          cellDataType: 'id'
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.hash',
+          field: 'hash',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.lastUpdatedDate',
+          field: 'lastUpdatedDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.lastUpdatedByDisplayText',
+          field: 'lastUpdatedByDisplayText',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.createdDate',
+          field: 'createdDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.createdByDisplayText',
+          field: 'createdByDisplayText',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.comment',
+          field: 'comment'
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.version',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.major',
+            field: 'major',
+            cellDataType: 'number',
+            editable: false
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.minor',
+            field: 'minor',
+            cellDataType: 'number',
+            editable: false
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.revision',
+            field: 'revision',
+            cellDataType: 'number',
+            editable: false
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.format',
+            field: 'format',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: formatDic,
+              values: Object.keys(formatDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.catalog',
+          children: [{
+            field: 'isoLanguageIds',
+            headerName: 'backoffice.idmCatalog.general.label.isoLanguageIds',
+            cellDataType: 'enum',
+            editable: true,
+            required: true,
+            customParams: {
+              values: ['DE', 'EN', 'FR', 'IT'],
+              multiSelect: true
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.currencyKey',
+            field: 'currencyKey'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogNumber',
+            field: 'catalogNumber'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogName',
+            marryChildren: true,
+            children: [{
+              field: 'catalogName.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'catalogName.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'catalogName.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'catalogName.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.validFromDate',
+            field: 'validFromDate',
+            cellDataType: 'dateString'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.validUntilDate',
+            field: 'validUntilDate',
+            cellDataType: 'dateString'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.fileId',
+            field: 'fileId',
+            cellDataType: 'boolean'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogMark',
+            field: 'catalogMark',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: catalogMarkDic,
+              values: Object.keys(catalogMarkDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogMergeType',
+            field: 'catalogMergeType',
+            cellDataType: 'boolean'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogDataVersion',
+            field: 'catalogDataVersion',
+            cellDataType: 'dateString'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.catalogInfo',
+            marryChildren: true,
+            children: [{
+              field: 'catalogInfo.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'catalogInfo.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'catalogInfo.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'catalogInfo.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.fallbackLanguage',
+            field: 'fallbackLanguage'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.identity',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.dataVersion',
+            field: 'dataVersion',
+            cellDataType: 'dateString'
+          }, {
+            field: 'catalogId',
+            headerName: 'backoffice.idmCatalog.general.label.catalogId',
+            required: true
+          }, {
+            field: 'catalogVersion',
+            headerName: 'backoffice.idmCatalog.general.label.catalogVersion',
+            cellDataType: 'number'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.supplier',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
+            field: 'isoCountryId'
+          }, {
+            field: 'glnNo',
+            headerName: 'backoffice.idmCatalog.general.label.glnNo'
+          }, {
+            field: 'weeeNo',
+            headerName: 'backoffice.idmCatalog.general.label.weeeNo'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.manufacturerName1',
+            field: 'manufacturerName1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.manufacturerName2',
+            field: 'manufacturerName2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.email',
+            field: 'email'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.internetAddress',
+            field: 'internetAddress'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.street',
+            field: 'street'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.zipCodeStreet',
+            field: 'zipCodeStreet'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.city',
+            field: 'city'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.zipCodePostBox',
+            field: 'zipCodePostBox'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.postBox',
+            field: 'postBox'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.telephoneSwitchBoard',
+            field: 'telephoneSwitchBoard'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.faxSwitchBoard',
+            field: 'faxSwitchBoard'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.contact1',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.contactPersonNo',
+            field: 'contactPersonNo1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.contactRole',
+            field: 'contactRole1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.contactName',
+            field: 'contactName1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.firstName',
+            field: 'firstName1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.formOfAddress',
+            field: 'formOfAddress1',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: formOfAddressDic,
+              values: Object.keys(formOfAddressDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.department',
+            field: 'department1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.telephone',
+            field: 'telephone1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.fax',
+            field: 'fax1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.email',
+            field: 'email1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.street',
+            field: 'street1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.zipCodeStreet',
+            field: 'zipCodeStreet1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.city',
+            field: 'city1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
+            field: 'isoCountryId1'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.contact2',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.contactPersonNo',
+            field: 'contactPersonNo1'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.contactName',
+            field: 'contactName2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.firstName',
+            field: 'firstName2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.formOfAddress',
+            field: 'formOfAddress2',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: formOfAddressDic,
+              values: Object.keys(formOfAddressDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.department',
+            field: 'department2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.telephone',
+            field: 'telephone2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.fax',
+            field: 'fax2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.email',
+            field: 'email2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.street',
+            field: 'street2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.zipCodeStreet',
+            field: 'zipCodeStreet2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.city',
+            field: 'city2'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.isoCountryId',
+            field: 'isoCountryId2'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.general.label.priceSettings',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.priceTypeNo',
+            field: 'priceTypeNo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.widthX',
+            field: 'widthX',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.depthY',
+            field: 'depthY',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.heightZ',
+            field: 'heightZ',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: priceDependentDic,
+              values: Object.keys(priceDependentDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.basicUnit',
+            field: 'basicUnit',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: unitDic,
+              values: Object.keys(unitDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.roundingUnit',
+            field: 'roundingUnit',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: unitDic,
+              values: Object.keys(unitDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.roundingType',
+            field: 'roundingType',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: roundingTypeDic,
+              values: Object.keys(roundingTypeDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.basicPriceDependent',
+            field: 'basicPriceDependent',
+            cellDataType: 'boolean'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.priceTypeFormula',
+            field: 'priceTypeFormula'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.priceTypeName',
+            marryChildren: true,
+            children: [{
+              field: 'priceTypeName.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'priceTypeName.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'priceTypeName.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'priceTypeName.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.priceTypeRules',
+            field: 'priceTypeRules',
+            cellDataType: 'array',
+            cellRenderer: function cellRenderer(params) {
+              var _params$value;
+              return Array.isArray(params.value) ? (_params$value = params.value) === null || _params$value === void 0 ? void 0 : _params$value.join('; ') : params.value;
+            }
+          }]
+        }]
+      }
+    })]
+  });
+}
+
+function CatalogSelector(_ref) {
+  var selectedCatalog = _ref.selectedCatalog,
+    setSelectedCatalog = _ref.setSelectedCatalog,
+    idmService = _ref.idmService;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(SimpleSelect, {
+    apiInterface: {
+      read: idmService + '/v3.0/catalogs'
+    },
+    apiMapping: {
+      type: 'query',
+      map: [{
+        globalValue: 'organizationId',
+        targetField: 'organizationId'
+      }]
+    },
+    selectMapping: {
+      label: '${name}',
+      value: '${_id}'
+    },
+    title: t('backoffice.idmCatalog.catalogs.label.catalogId'),
+    value: {
+      _id: selectedCatalog
+    },
+    onChange: function onChange(value) {
+      return setSelectedCatalog(value._id);
+    },
+    search: true,
+    style: {
+      width: 200
+    }
+  });
+}
+
+function PrefilterSelector (_ref) {
+  var type = _ref.type,
+    catalogId = _ref.catalogId,
+    selectedSerie = _ref.selectedSerie,
+    setSelectedSerie = _ref.setSelectedSerie,
+    selectedFeature = _ref.selectedFeature,
+    setSelectedFeature = _ref.setSelectedFeature,
+    idmService = _ref.idmService;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [type === 'item' && /*#__PURE__*/jsx(SimpleSelect, {
+      apiInterface: {
+        read: idmService + '/v3.0/catalogs/' + catalogId + '/series'
+      },
+      selectMapping: {
+        label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
+        value: '${_id}'
+      },
+      autoSelectFirst: true,
+      title: t('backoffice.menu.items.label.IDMCatalogEditorTable.serie'),
+      value: selectedSerie,
+      onChange: function onChange(value) {
+        return setSelectedSerie ? setSelectedSerie(value) : null;
+      },
+      search: true,
+      style: {
+        width: 200
+      }
+    }), type === 'option' && /*#__PURE__*/jsx(SimpleSelect, {
+      apiInterface: {
+        read: idmService + '/v3.0/catalogs/' + catalogId + '/features'
+      },
+      selectMapping: {
+        label: "${featureText.".concat(i18n.language.toLocaleUpperCase(), "} (${featureNo})"),
+        value: '${_id}'
+      },
+      autoSelectFirst: true,
+      title: t('backoffice.menu.items.label.IDMCatalogEditorTable.serie'),
+      value: selectedFeature,
+      onChange: function onChange(value) {
+        return setSelectedFeature ? setSelectedFeature(value) : null;
+      },
+      search: true,
+      style: {
+        width: 200
+      }
+    })]
+  });
+}
+
+function useModule (currentModules) {
+  var root = useStore();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useNavigation = useNavigation(),
+    updateNavigation = _useNavigation.updateNavigation,
+    organizationId = _useNavigation.organizationId,
+    apiConfig = _useNavigation.apiConfig,
+    catalogId = _useNavigation.catalogId;
+  var location = useLocation();
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
+    searchParams = _useSearchParams2[0];
+  var menuItems = useMemo(function () {
+    return [{
+      key: 'items',
+      style: {
+        margin: 0
+      },
+      icon: /*#__PURE__*/jsx(ApartmentOutlined, {}),
+      label: /*#__PURE__*/jsx(Link, {
+        to: 'catalogs/idm/catalogs/' + catalogId + '/items' + (searchParams ? '?' + searchParams.toString() : ''),
+        children: t('backoffice.menu.items.label.IDMCatalogEditorTableItems')
+      })
+    }];
+  }, [catalogId]);
+  if (!catalogId) throw new Error('catalogId is required');
+  var updateNavigationModule = useCallback(function (currentCatalog) {
+    var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
+    updateNavigation(currentCatalog, modules, '../');
+  }, [updateNavigation]);
+  useEffect(function () {
+    root.contentStore.updateAdditionalElement('catalogs', menuItems, currentModules);
+  }, [menuItems, location.pathname]);
+
+  //updating tools
+
+  useEffect(function () {
+    var tools = [];
+    if (catalogId) tools.push({
+      name: 'Konfigurator',
+      parameters: {
+        packageId: catalogId
+      },
+      type: 'Configurator',
+      id: 'WYSIWYG',
+      startWidth: 600,
+      defaultPinned: true
+    });
+    root.contentStore.tools = tools;
+    return function () {
+      root.contentStore.tools = [];
+    };
+  }, [catalogId]);
+  return {
+    updateNavigation: updateNavigationModule,
+    organizationId: organizationId,
+    apiConfig: apiConfig,
+    catalogId: catalogId
+  };
+}
+
+function TableItems () {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useModule = useModule(['items']),
+    catalogId = _useModule.catalogId,
+    updateNavigation = _useModule.updateNavigation,
+    apiConfig = _useModule.apiConfig,
+    organizationId = _useModule.organizationId;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedSerie = _React$useState2[0],
+    setSelectedSerie = _React$useState2[1];
+  var itemIdentificationDic = {
+    K: t('backoffice.idmCatalogEditor.items.label.catalogArticle'),
+    1: t('backoffice.idmCatalogEditor.items.label.planningAdvice'),
+    2: t('backoffice.idmCatalogEditor.items.label.combination')
+  };
+  var typeKeyDic = {
+    1: t('backoffice.idmCatalogEditor.items.label.sessel'),
+    2: t('backoffice.idmCatalogEditor.items.label.clubchair'),
+    3: t('backoffice.idmCatalogEditor.items.label.relaxSessel'),
+    4: t('backoffice.idmCatalogEditor.items.label.longChair'),
+    5: t('backoffice.idmCatalogEditor.items.label.sofa'),
+    6: t('backoffice.idmCatalogEditor.items.label.zwischenlement'),
+    7: t('backoffice.idmCatalogEditor.items.label.eckelement'),
+    8: t('backoffice.idmCatalogEditor.items.label.einzelliege'),
+    9: t('backoffice.idmCatalogEditor.items.label.hocker'),
+    10: t('backoffice.idmCatalogEditor.items.label.kissen'),
+    11: t('backoffice.idmCatalogEditor.items.label.anstelltisch'),
+    12: t('backoffice.idmCatalogEditor.items.label.esstisch'),
+    13: t('backoffice.idmCatalogEditor.items.label.kombinationen'),
+    14: t('backoffice.idmCatalogEditor.items.label.abschlusselement'),
+    15: t('backoffice.idmCatalogEditor.items.label.bettsofa'),
+    16: t('backoffice.idmCatalogEditor.items.label.sitzbank'),
+    17: t('backoffice.idmCatalogEditor.items.label.stuhl'),
+    18: t('backoffice.idmCatalogEditor.items.label.fussbank'),
+    19: t('backoffice.idmCatalogEditor.items.label.kopfstuetze'),
+    20: t('backoffice.idmCatalogEditor.items.label.leuchten'),
+    21: t('backoffice.idmCatalogEditor.items.label.teppiche'),
+    22: t('backoffice.idmCatalogEditor.items.label.kleinteile'),
+    23: t('backoffice.idmCatalogEditor.items.label.polsterbetten'),
+    24: t('backoffice.idmCatalogEditor.items.label.polsterbettgestelle'),
+    25: t('backoffice.idmCatalogEditor.items.label.metrage'),
+    26: t('backoffice.idmCatalogEditor.items.label.sonstiges')
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Descriptions$1, {
+      title: /*#__PURE__*/jsxs("div", {
+        children: [t('backoffice.menu.items.label.IDMCatalogEditor.items'), /*#__PURE__*/jsxs(Space$1, {
+          style: {
+            "float": 'right'
+          },
+          children: [/*#__PURE__*/jsx(CatalogSelector, {
+            selectedCatalog: catalogId,
+            setSelectedCatalog: function setSelectedCatalog(id) {
+              return updateNavigation(id);
+            },
+            idmService: apiConfig.idmService
+          }), /*#__PURE__*/jsx(PrefilterSelector, {
+            type: 'item',
+            catalogId: catalogId,
+            selectedSerie: selectedSerie,
+            setSelectedSerie: setSelectedSerie,
+            idmService: apiConfig.idmService
+          })]
+        })]
+      })
+    }), selectedSerie && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'crud-grid_items',
+      applicationData: {
+        organizationId: organizationId,
+        catalogId: catalogId
+      },
+      configuration: {
+        type: 'dotnetSSM',
+        idCol: 'typeNo',
+        apiInterface: {
+          read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items',
+          create: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items',
+          restore: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}',
+          "delete": apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}',
+          update: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/series/' + (selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id) + '/items/${typeNo}'
+        },
+        dateFormat: 'LL',
+        floatingFilter: true,
+        colDef: [{
+          field: 'typeNo'
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.items.label.priceTypeRef',
+          field: 'priceTypeRef',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.sequenceNo',
+          field: 'sequenceNo',
+          cellDataType: 'number'
+        }, {
+          headerName: 'backoffice.idmCatalog.common.label.texts',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.shortText',
+            marryChildren: true,
+            children: [{
+              field: 'shortText.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'shortText.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'shortText.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'shortText.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.planningAdvice',
+            marryChildren: true,
+            children: [{
+              field: 'planningAdvice.DE',
+              headerName: 'backoffice.idmEnricher.general.label.DE',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.EN',
+              headerName: 'backoffice.idmEnricher.general.label.EN',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.FR',
+              headerName: 'backoffice.idmEnricher.general.label.FR',
+              isDictionary: true
+            }, {
+              field: 'planningAdvice.IT',
+              headerName: 'backoffice.idmEnricher.general.label.IT',
+              isDictionary: true
+            }]
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.articleNumbers',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.edpNumber',
+            field: 'edpNumber'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.eanNumber',
+            field: 'eanNumber'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.salesNumber',
+            field: 'salesNumber'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.items.itemIdentification',
+            field: 'itemIdentification',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: itemIdentificationDic,
+              values: Object.keys(itemIdentificationDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.common',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.items.typeKey',
+            field: 'typeKey',
+            cellDataType: 'enum',
+            customParams: {
+              displayTexts: typeKeyDic,
+              values: Object.keys(typeKeyDic),
+              displayLabelTemplate: '${name} (${value})'
+            }
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.eClassNo',
+            field: 'eClassNo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.catalogPage',
+            field: 'catalogPage'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.minimumDeliveryTime',
+            field: 'minimumDeliveryTime',
+            cellDataType: 'number'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.configurator',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.partListExclusive',
+            field: 'partListExclusive',
+            cellDataType: 'boolean'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.partlist',
+            field: 'partListRef',
+            cellDataType: 'lookup',
+            customParams: {
+              nameField: 'partListRef',
+              apiInterface: {
+                read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/partlists'
+              },
+              lookupValue: 'partlistKey',
+              lookupKey: 'partlistKey'
+            }
+          }, {
+            field: 'decisionRefs',
+            headerName: 'backoffice.idmCatalogEditor.items.label.decisionRefs',
+            cellDataType: 'lookup',
+            editable: true,
+            customParams: {
+              nameField: 'decisionRefsDisplayTexts',
+              filterCellType: 'number',
+              displayLabelTemplate: '${name} (${value})',
+              apiInterface: {
+                read: apiConfig.idmService + '/v3.0/catalogs/${catalogId}/decisions'
+              },
+              lookupValue: 'decisionText',
+              lookupKey: 'decisionNo',
+              lookupKeyFilterType: {
+                type: 'equals',
+                filterType: 'number'
+              },
+              multiple: true,
+              translated: true
+            },
+            additionalFields: ['decisionRefsDisplayTexts'],
+            isDictionary: true
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.validation',
+          children: [{
+            headerName: 'backoffice.idmCatalog.general.label.validFromDate',
+            field: 'validFromDate',
+            cellDataType: 'dateString'
+          }, {
+            headerName: 'backoffice.idmCatalog.general.label.validUntilDate',
+            field: 'validUntilDate',
+            cellDataType: 'dateString'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalog.items.label.measurements',
+          children: [{
+            headerName: 'backoffice.idmCatalogEditor.items.label.weightBrutto',
+            field: 'weightBrutto',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.weightNetto',
+            field: 'weightNetto',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.volume',
+            field: 'volume',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeNominalValue',
+            field: 'widthBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeFrom',
+            field: 'widthBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeTo',
+            field: 'widthBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.widthBasicShapeStepSize',
+            field: 'widthBasicShapeStepSize',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeNominalValue',
+            field: 'heightBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeFrom',
+            field: 'heightBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeTo',
+            field: 'heightBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.heightBasicShapeStepSize',
+            field: 'heightBasicShapeStepSize',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeNominalValue',
+            field: 'depthBasicShapeNominalValue',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeFrom',
+            field: 'depthBasicShapeFrom',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeTo',
+            field: 'depthBasicShapeTo',
+            cellDataType: 'number'
+          }, {
+            headerName: 'backoffice.idmCatalogEditor.items.label.depthBasicShapeStepSize',
+            field: 'depthBasicShapeStepSize',
+            cellDataType: 'number'
+          }]
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.lastUpdatedDate',
+          field: 'lastUpdatedDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.createdDate',
+          field: 'createdDate',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.createdBy',
+          field: 'createdByDisplayText',
+          editable: false
+        }, {
+          headerName: 'backoffice.idmCatalogEditor.general.label.lastUpdatedBy',
+          field: 'lastUpdatedByDisplayText',
+          editable: false
+        }]
+      }
+    })]
+  });
+}
+
+function IDMCatalogEditor (_ref) {
+  _objectDestructuringEmpty(_ref);
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      height: '85vh',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    children: /*#__PURE__*/jsx(Content$1, {})
+  });
+}
+function Content$1() {
+  return /*#__PURE__*/jsxs(Routes, {
+    children: [/*#__PURE__*/jsx(Route, {
+      index: true,
+      path: "",
+      element: /*#__PURE__*/jsx(TableCatalogs, {})
+    }), /*#__PURE__*/jsx(Route, {
+      path: ":catalogId/items",
+      element: /*#__PURE__*/jsx(TableItems, {})
+    })]
+  }) /*at the moment nothing else*/;
+}
+
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ContentWrapper = function ContentWrapper(_ref) {
+  var id = _ref.id;
+  var root = useStore();
+  var current = useMemo(function () {
+    var configuration = root.configurationStore.getConfiguration(id);
+    return {
+      id: id,
+      configuration: configuration
+    };
+  }, [id]);
+  if (!current) {
+    return null;
+  }
+  return /*#__PURE__*/jsxs(Layout.Content, {
+    id: "contnet",
+    style: {
+      margin: 16,
+      position: 'relative',
+      minHeight: 'auto',
+      height: 'calc(100% - 32px)'
+    },
+    children: [current.configuration.type !== 'Group' && /*#__PURE__*/jsx(ContentCard, {
+      configId: current.id,
+      type: current.configuration.type,
+      inGroup: false
+    }), current.configuration.type == 'Group' && /*#__PURE__*/jsx(Group, {
+      id: current.id
+    })]
+  }, id + (root.dataStore.organizationId || ''));
+};
+var Group = observer(function (_ref2) {
+  var _configuration$direct, _configuration$items;
+  var id = _ref2.id;
+  var root = useStore();
+  var configuration = root.configurationStore.getConfiguration(id);
   if ((configuration === null || configuration === void 0 ? void 0 : configuration.type) != 'Group') {
     throw new Error("The Configuration with ID ".concat(id, " does either not exist or is not of the type 'Group'."));
   }
@@ -31382,6 +32582,9 @@ var ContentCard = observer(function (_ref3) {
     }, configId), configuration.type == 'IDMEnricherEditor' && /*#__PURE__*/jsx(IDMEnricherEditor, {
       configuration: configuration,
       id: configId
+    }, configId), configuration.type == 'IDMCatalogEditor' && /*#__PURE__*/jsx(IDMCatalogEditor, {
+      configuration: configuration,
+      id: configId
     }, configId)]
   });
 });