npm - @crystaldesign/diva-backoffice - Versions diffs - 25.4.0-beta.22 → 25.4.0-beta.24 - Mend

@crystaldesign/diva-backoffice 25.4.0-beta.22 → 25.4.0-beta.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/build/esm/index.js CHANGED Viewed

@@ -151,8 +151,8 @@ import PushpinOutlined from '@ant-design/icons/lib/icons/PushpinOutlined';
 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$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$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; }
 var LOG$e = getLogger('Backoffice', 'ApplyMapping');
 function applyMapping (_ref) {
   var mappable = _ref.mappable,
@@ -173,10 +173,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$V(_objectSpread$V({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$Y(_objectSpread$Y({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$V(_objectSpread$V({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$Y(_objectSpread$Y({}, startValue), newValue);
         return _getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = _getTarget(0, key.split('.'), returnValue, value);
@@ -479,8 +479,8 @@ function getLeafColumns(columns) {
   });
 }
-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$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; }
 var LOG$d = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
@@ -659,7 +659,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$U(_objectSpread$U({}, jwt ? {
+                headers: _objectSpread$X(_objectSpread$X({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -752,7 +752,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$U({}, data);
+                if (data) createData = _objectSpread$X({}, data);
               } else if (data !== undefined) {
                 createData = applyMapping({
                   mappable: data,
@@ -1014,7 +1014,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$U(_objectSpread$U({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$X(_objectSpread$X({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -1034,7 +1034,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$U(_objectSpread$U({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$X(_objectSpread$X({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1058,7 +1058,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$U(_objectSpread$U({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$X(_objectSpread$X({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1265,8 +1265,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
-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$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 _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) {
@@ -1365,7 +1365,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$T({}, jwt ? {
+                headers: _objectSpread$W({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1743,8 +1743,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
-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$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; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1780,7 +1780,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$S(_objectSpread$S({}, config), {}, {
+        config = _objectSpread$V(_objectSpread$V({}, config), {}, {
           items: filteredItems
         });
       }
@@ -13105,8 +13105,8 @@ var ToolBarStore = /*#__PURE__*/function () {
   }]);
 }();
-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$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 _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -13183,7 +13183,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$R(_objectSpread$R({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$U(_objectSpread$U({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -13234,7 +13234,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$R(_objectSpread$R({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$U(_objectSpread$U({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -13486,7 +13486,7 @@ var _default$6 = /*#__PURE__*/function () {
       return items.filter(function (item) {
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$R(_objectSpread$R({}, item), {}, {
+        return _objectSpread$U(_objectSpread$U({}, item), {}, {
           items: item.items ? _this5.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this5.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -14617,6 +14617,52 @@ var _default$2 = /*#__PURE__*/function (_ApiHandler) {
   return _createClass(_default);
 }(_default$d);
+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; }
+/**
+ * ContextStore is a store that manages the contexts of the application.
+ */
+var ContextStore = /*#__PURE__*/function () {
+  function ContextStore(root) {
+    _classCallCheck(this, ContextStore);
+    this.root = root;
+    _defineProperty(this, "contexts", new Map());
+    makeAutoObservable(this, {
+      root: false,
+      contexts: observable,
+      setContext: action,
+      updateContext: action
+    });
+  }
+  // Get a context by ID, creating it if it doesn't exist
+  return _createClass(ContextStore, [{
+    key: "getContext",
+    value: function getContext(contextId) {
+      var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (!this.contexts.has(contextId)) {
+        this.contexts.set(contextId, initialState);
+      }
+      return this.contexts.get(contextId);
+    }
+    // Update parts of a context
+  }, {
+    key: "updateContext",
+    value: function updateContext(contextId, updates) {
+      var currentState = this.contexts.get(contextId) || {};
+      this.contexts.set(contextId, _objectSpread$T(_objectSpread$T({}, currentState), updates));
+    }
+    // Clear a context
+  }, {
+    key: "clearContext",
+    value: function clearContext(contextId) {
+      this.contexts["delete"](contextId);
+    }
+  }]);
+}();
 var _default$1 = /*#__PURE__*/function () {
   function _default(actions, handler, i18n, navigate, navigationState) {
     _classCallCheck(this, _default);
@@ -14628,6 +14674,7 @@ var _default$1 = /*#__PURE__*/function () {
     _defineProperty(this, "dataStore", void 0);
     _defineProperty(this, "configurationStore", void 0);
     _defineProperty(this, "downloadStore", void 0);
+    _defineProperty(this, "contextStore", void 0);
     _defineProperty(this, "actions", void 0);
     _defineProperty(this, "handler", void 0);
     _defineProperty(this, "showSnow", void 0);
@@ -14644,6 +14691,7 @@ var _default$1 = /*#__PURE__*/function () {
     this.contentStore = new _default$6(this);
     this.configurationStore = new _default$7(this);
     this.downloadStore = new DownloadStore(this);
+    this.contextStore = new ContextStore(this);
   }
   return _createClass(_default, [{
     key: "updateHandlers",
@@ -15233,8 +15281,8 @@ var MediaItem = /*#__PURE__*/function () {
   }]);
 }();
-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$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 _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; }
@@ -15356,7 +15404,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: _onLoadFields(_objectSpread$Q({}, dt)),
+        loadedData: _onLoadFields(_objectSpread$S({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -15393,7 +15441,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState20[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
+    setState(_objectSpread$S(_objectSpread$S({}, 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),
@@ -15495,7 +15543,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = merge(_objectSpread$Q({}, state.data), values);
+            newData = merge(_objectSpread$S({}, state.data), values);
             if (!skipApi) {
               _context2.next = 3;
               break;
@@ -15505,7 +15553,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             _context2.prev = 4;
             _context2.next = 7;
-            return setDynamicFields(_objectSpread$Q({}, state.data), newData);
+            return setDynamicFields(_objectSpread$S({}, state.data), newData);
           case 7:
             newData = _context2.sent;
             _context2.next = 10;
@@ -15520,7 +15568,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             throw _context2.t0;
           case 17:
-            setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
+            setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -15573,14 +15621,14 @@ function useFormData (_ref) {
               _context2.next = 47;
               break;
             }
-            setFieldErrors(_objectSpread$Q(_objectSpread$Q({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$S(_objectSpread$S({}, 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$Q(_objectSpread$Q({}, state), {}, {
+            setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -15610,7 +15658,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$Q({}, state.data), _objectSpread$Q({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$S({}, state.data), _objectSpread$S({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -15623,14 +15671,14 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$Q({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
+    var data = d !== null && d !== void 0 ? d : mergeWith(_objectSpread$S({}, state.data), state.form.getFieldsValue(), mergeCustomizer);
     if (id) {
       setFieldInObject(id, data, value);
-      var newFieldErrors = _objectSpread$Q({}, fieldErrors);
+      var newFieldErrors = _objectSpread$S({}, fieldErrors);
       delete newFieldErrors[id.toString()];
       setFieldErrors(newFieldErrors);
     }
-    setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
+    setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
       data: data
     }));
     return data;
@@ -15662,12 +15710,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$Q(_objectSpread$Q({}, state), {}, {
+          setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
-            data: _objectSpread$Q(_objectSpread$Q({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
+            data: _objectSpread$S(_objectSpread$S({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -15677,12 +15725,12 @@ function useFormData (_ref) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
+          setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$Q(_objectSpread$Q({}, state), {}, {
-            data: _objectSpread$Q(_objectSpread$Q({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$S(_objectSpread$S({}, state), {}, {
+            data: _objectSpread$S(_objectSpread$S({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -15963,7 +16011,7 @@ function useFormData (_ref) {
       for (var i = 0; i < configuration.tools.length; i++) {
         var _tool$defaultOpen;
         var tool = configuration.tools[i];
-        tools.push(_objectSpread$Q(_objectSpread$Q({}, tool), {}, {
+        tools.push(_objectSpread$S(_objectSpread$S({}, tool), {}, {
           parameters: {
             data: state.data
           },
@@ -16065,7 +16113,7 @@ function useFormData (_ref) {
     })) return;
     setRemovedMedias([].concat(_toConsumableArray(removedMedias), [media]));
   };
-  return _objectSpread$Q(_objectSpread$Q({}, state), {}, {
+  return _objectSpread$S(_objectSpread$S({}, state), {}, {
     getIsHidden: getIsHidden,
     setUsedPreset: setUsedPreset,
     configuration: configuration,
@@ -16182,8 +16230,8 @@ var JsonEditor$2 = function JsonEditor(_ref) {
 };
 var _excluded$3 = ["key", "name"];
-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$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; }
 var FormList$2 = function FormList(_ref) {
   var _item$initialValue;
   var value = _ref.value,
@@ -16236,7 +16284,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$P(_objectSpread$P({}, restField), {}, {
+                return /*#__PURE__*/createElement(Form$1.Item, _objectSpread$R(_objectSpread$R({}, restField), {}, {
                   id: n.join(),
                   key: n.join(),
                   name: n,
@@ -16248,7 +16296,7 @@ var FormList$2 = function FormList(_ref) {
                   validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
                   help: state.fieldErrors[n.toString()],
                   hidden: hidden
-                }), getElement(_objectSpread$P(_objectSpread$P({}, i), {}, {
+                }), getElement(_objectSpread$R(_objectSpread$R({}, i), {}, {
                   name: n
                 }), setCanSave, state, aName, state.onInputChanged, onError, root, form, hidden));
               })
@@ -16481,8 +16529,8 @@ var buttonGroup = "button-group-GYt-T";
 var css_248z$t = ".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$t);
-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$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; }
 var SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -16491,7 +16539,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$O({}, item.style),
+    style: _objectSpread$Q({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$6,
       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) {
@@ -16613,7 +16661,8 @@ function useSelectSimpleData (_ref) {
     onChange = _ref.onChange,
     value = _ref.value,
     configuredOptions = _ref.options,
-    autoSelectFirst = _ref.autoSelectFirst;
+    autoSelectFirst = _ref.autoSelectFirst,
+    sharedState = _ref.sharedState;
   var root = useStore();
   var _useMemo = useMemo(function () {
       return {
@@ -16624,14 +16673,22 @@ function useSelectSimpleData (_ref) {
       };
     }, []),
     apiHandler = _useMemo.apiHandler;
+  // Use either shared or local state
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
+    localLoading = _useState2[0],
+    setLocalLoading = _useState2[1];
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    options = _useState4[0],
-    setOptions = _useState4[1];
+    localOptions = _useState4[0],
+    setLocalOptions = _useState4[1];
+  // Use either shared or local state
+  var loading = sharedState ? sharedState.loading : localLoading;
+  var options = sharedState ? sharedState.options : localOptions;
+  var setOptions = sharedState ? sharedState.setOptions : setLocalOptions;
+  var setLoading = sharedState ? sharedState.setLoading : setLocalLoading;
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
     selected = _useState6[0],
@@ -16650,6 +16707,10 @@ function useSelectSimpleData (_ref) {
       setLoading(false);
       return;
     }
+    if (options) {
+      setLoading(false);
+      return;
+    }
     if (!apiHandler.canReadList) throw Error('SelectSimple: apiInterface must have readList method');
     setLoading(true);
     apiHandler.readList(apiMapping).then(function (data) {
@@ -16745,9 +16806,9 @@ var wrapper$5 = "wrapper-4xyke";
 var css_248z$s = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
 styleInject(css_248z$s);
-var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title"];
-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 _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
+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 SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -16758,6 +16819,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
     options = _ref.options,
     autoSelectFirst = _ref.autoSelectFirst,
     title = _ref.title,
+    sharedState = _ref.sharedState,
     selectProps = _objectWithoutProperties(_ref, _excluded$2);
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
@@ -16767,12 +16829,13 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
     value: value,
     type: 'SelectSimple',
     options: options,
-    autoSelectFirst: autoSelectFirst
+    autoSelectFirst: autoSelectFirst,
+    sharedState: sharedState
   });
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     className: classnames(title ? wrapper$5 : undefined),
-    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$N(_objectSpread$N({}, selectProps), {}, {
+    children: [title, /*#__PURE__*/jsx(Select$1, _objectSpread$P(_objectSpread$P({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
       options: state.options,
@@ -17389,8 +17452,8 @@ var _default = /*#__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$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; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -17559,7 +17622,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$M(_objectSpread$M({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$O(_objectSpread$O({}, _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) {
@@ -17780,8 +17843,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$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$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 useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -17964,7 +18027,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$L(_objectSpread$L({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$N(_objectSpread$N({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -18256,8 +18319,8 @@ var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
 var css_248z$p = ".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$p);
-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$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 LOG$9 = getLogger('Backoffice', 'Translation Form');
 function useTranslationHook (item, state) {
   var root = useStore();
@@ -18390,7 +18453,7 @@ function useTranslationHook (item, state) {
           case 0:
             _context2.next = 2;
             return apiHandler.create({
-              locales: _objectSpread$K({
+              locales: _objectSpread$M({
                 de: {},
                 it: {},
                 fr: {},
@@ -18439,8 +18502,8 @@ function useTranslationHook (item, state) {
   };
 }
-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$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 Translation = function Translation(_ref) {
   var item = _ref.item,
     state = _ref.state,
@@ -18490,7 +18553,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$J(_objectSpread$J({}, i), {}, {
+          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$L(_objectSpread$L({}, i), {}, {
             name: n
           }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden, currentLang) : /*#__PURE__*/jsx(Form$1.Item, {
             id: idx.toString(),
@@ -18503,7 +18566,7 @@ var Translation = function Translation(_ref) {
             validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
             help: state.fieldErrors[n.toString()],
             hidden: hidden,
-            children: getElement(_objectSpread$J(_objectSpread$J({}, i), {}, {
+            children: getElement(_objectSpread$L(_objectSpread$L({}, i), {}, {
               name: n
             }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden)
           })
@@ -18838,8 +18901,8 @@ var Text$1 = observer(Text);
 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$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$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 getElement(item, setCanSave, state, absoluteName, _onChange, _onError, root, form, hidden, postFixName) {
   var _isReadonly, _state$hiddenRequired;
   if (hidden) return /*#__PURE__*/jsx(Fragment, {});
@@ -18874,7 +18937,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         }
       });
     case 'selectSimple':
-      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$I(_objectSpread$I({}, item), {}, {
+      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$K(_objectSpread$K({}, item), {}, {
         disabled: disabled,
         onChange: function onChange(value) {
           _onChange(absoluteName, value);
@@ -19078,7 +19141,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         value: item.value,
         options: item.options.map(function (o) {
           var _o$disabled;
-          return _objectSpread$I(_objectSpread$I({}, o), {}, {
+          return _objectSpread$K(_objectSpread$K({}, o), {}, {
             disabled: (_o$disabled = o.disabled) === null || _o$disabled === void 0 ? void 0 : _o$disabled.call(o, state.data)
           });
         }),
@@ -19099,7 +19162,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$I(_objectSpread$I({}, state.data), data));
+          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$K(_objectSpread$K({}, state.data), data));
         }
       });
     case 'media':
@@ -19120,7 +19183,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$I(_objectSpread$I({}, props), {}, {
+  return /*#__PURE__*/jsx(Input, _objectSpread$K(_objectSpread$K({}, props), {}, {
     ref: ref,
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
@@ -19139,8 +19202,8 @@ function isReadonly(item, data) {
   return false;
 }
-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$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 _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; }
@@ -19190,13 +19253,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$H(_objectSpread$H({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$J(_objectSpread$J({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$H(_objectSpread$H({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$J(_objectSpread$J({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -19538,8 +19601,8 @@ function getLabel(item, t) {
 }
 var Form = observer(/*#__PURE__*/React.forwardRef(FormWrapper$1));
-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$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 _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; }
@@ -19741,7 +19804,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$G(_objectSpread$G({}, r), {}, {
+                var newValue = _objectSpread$I(_objectSpread$I({}, r), {}, {
                   selected: true
                 });
                 //add it to the new list as selected role
@@ -19777,7 +19840,7 @@ function useRoleSelectorData (_ref) {
                   }
                 }
               } else {
-                var _newValue = _objectSpread$G(_objectSpread$G({}, r), {}, {
+                var _newValue = _objectSpread$I(_objectSpread$I({}, r), {}, {
                   selected: false
                 });
                 //add it to the new list as unselected role
@@ -19981,7 +20044,7 @@ function _updateRoles() {
                   userRole = userRoles.find(function (r) {
                     return r._id == role._id;
                   });
-                  newRole = _objectSpread$G({}, role);
+                  newRole = _objectSpread$I({}, role);
                   if (userRole) {
                     newRole.selected = true;
                     newRole.inherited = userRole.inherited;
@@ -20201,7 +20264,7 @@ function _fetchOptions() {
         case 4:
           result = _context11.sent;
           options = result.data.map(function (d) {
-            return _objectSpread$G(_objectSpread$G({}, d), {}, {
+            return _objectSpread$I(_objectSpread$I({}, d), {}, {
               label: d.displayName,
               value: d._id,
               isLeaf: !d.hasChildren
@@ -20303,8 +20366,8 @@ var parent = "parent-NZJ3S";
 var css_248z$o = ".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$o);
-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$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 _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; }
@@ -20364,8 +20427,8 @@ function _generateCSV() {
             break;
           }
           _context2.next = 21;
-          return generateCSV(_objectSpread$F(_objectSpread$F({}, exportParams.children), {}, {
-            mappingData: _objectSpread$F(_objectSpread$F({}, parent), {}, {
+          return generateCSV(_objectSpread$H(_objectSpread$H({}, exportParams.children), {}, {
+            mappingData: _objectSpread$H(_objectSpread$H({}, parent), {}, {
               parentId: exportParams.mappingData._id
             })
           }), csvData);
@@ -20473,8 +20536,8 @@ function _downloadFile() {
   return _downloadFile.apply(this, arguments);
 }
-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$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 _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; }
@@ -20893,7 +20956,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$E(_objectSpread$E({}, activeItem), {}, {
+                getSplittedItems(_objectSpread$G(_objectSpread$G({}, activeItem), {}, {
                   userId: data === null || data === void 0 ? void 0 : data._id
                 }));
                 ret = true;
@@ -21098,8 +21161,8 @@ function useRelationSelectorData (_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$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 _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; }
@@ -21232,7 +21295,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 19;
-            return apiInterface.update(_objectSpread$D(_objectSpread$D({}, data), {}, {
+            return apiInterface.update(_objectSpread$F(_objectSpread$F({}, data), {}, {
               state: toSwitch
             }), data);
           case 19:
@@ -21389,14 +21452,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$D(_objectSpread$D({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$F(_objectSpread$F({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$D({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$F({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -21411,7 +21474,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$D({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$F({}, 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; } } }; }
@@ -21549,8 +21612,8 @@ var itemDesc = "item-desc-DBiiF";
 var css_248z$n = ".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$n);
-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$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 DropDown = function DropDown(_ref) {
   var _curItem$data$length;
   var split = _ref.split,
@@ -21582,7 +21645,7 @@ var DropDown = function DropDown(_ref) {
   });
   return /*#__PURE__*/jsx(Collapse, {
     onChange: function onChange() {
-      return getSplittedItems(_objectSpread$C(_objectSpread$C({}, item.item), {}, {
+      return getSplittedItems(_objectSpread$E(_objectSpread$E({}, item.item), {}, {
         parentId: item.parentId
       }), 0);
     },
@@ -21840,8 +21903,8 @@ var RelationSelector = function RelationSelector(_ref, ref) {
 };
 var RelationSelector$1 = observer(/*#__PURE__*/React.forwardRef(RelationSelector));
-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$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 useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -21921,7 +21984,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$B(_objectSpread$B({}, s), {}, {
+                return _objectSpread$D(_objectSpread$D({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -22058,8 +22121,8 @@ var FormList = function FormList(_ref, ref) {
 };
 var FormList$1 = observer(/*#__PURE__*/React.forwardRef(FormList));
-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$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 LOG$6 = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -22156,7 +22219,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$A(_objectSpread$A({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
+                  return _objectSpread$C(_objectSpread$C({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -22467,8 +22530,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
-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$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 useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -22511,7 +22574,7 @@ function useListData (_ref) {
           case 3:
             result = _context.sent;
             setListData(result.data.map(parseField));
-            initData = _objectSpread$z({}, data);
+            initData = _objectSpread$B({}, data);
             setUpdatedObject(initData);
             setLoading(false);
           case 8:
@@ -22552,7 +22615,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$z(_objectSpread$z({}, field), {}, {
+      item.itemUpdate = _objectSpread$B(_objectSpread$B({}, field), {}, {
         value: dataEntry[parsedField[parsedField.length - 1]]
       });
     });
@@ -22583,16 +22646,16 @@ function useListData (_ref) {
       console.error('field with more than 2 parts not allowed');
       return;
     }
-    var updObj = _objectSpread$z({}, updatedObject);
+    var updObj = _objectSpread$B({}, updatedObject);
     if (fields.length === 1) {
-      updObj = _objectSpread$z(_objectSpread$z({}, updObj), {}, _defineProperty({}, fields[0], value));
+      updObj = _objectSpread$B(_objectSpread$B({}, 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$z(_objectSpread$z({}, updatedField), {}, _defineProperty({}, fields[1], value));
-        updObj = _objectSpread$z(_objectSpread$z({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
+        var updatedFieldCopy = _objectSpread$B(_objectSpread$B({}, updatedField), {}, _defineProperty({}, fields[1], value));
+        updObj = _objectSpread$B(_objectSpread$B({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
           return v.id === item.id.trim() ? updatedFieldCopy : v;
         })));
       }
@@ -22601,11 +22664,11 @@ function useListData (_ref) {
     var acItems = listData;
     for (var i = 0; i < acItems.length; i++) {
       if (i == index) {
-        acItems[i].itemUpdate = _objectSpread$z(_objectSpread$z({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$B(_objectSpread$B({}, acItems[i].itemUpdate), {}, {
           value: value
         });
       } else if (!acItems[i].itemUpdate.multiselect) {
-        acItems[i].itemUpdate = _objectSpread$z(_objectSpread$z({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$B(_objectSpread$B({}, acItems[i].itemUpdate), {}, {
           value: !value
         });
       }
@@ -23119,8 +23182,8 @@ function calcNaturalCanvasSize(image, crop) {
   };
 }
-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$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; }
 var ImageCropper = function ImageCropper(_ref, ref) {
   var id = _ref.id,
     data = _ref.data,
@@ -23228,12 +23291,12 @@ var ImageCropper = function ImageCropper(_ref, ref) {
   }
   function onEnter(e) {
     if (e.key != 'Enter') return;
-    setCrop(_objectSpread$y(_objectSpread$y({}, crop), {}, {
+    setCrop(_objectSpread$A(_objectSpread$A({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
     }));
-    setCompletedCrop(_objectSpread$y(_objectSpread$y({}, crop), {}, {
+    setCompletedCrop(_objectSpread$A(_objectSpread$A({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
@@ -23311,8 +23374,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$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$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 useDescriptions (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -23405,7 +23468,7 @@ function _getDisplayData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          displayData = _objectSpread$x({}, data);
+          displayData = _objectSpread$z({}, data);
           _iterator = _createForOfIteratorHelper$9(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
@@ -23681,8 +23744,8 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
 };
 var FileUploadBeta = observer(FileUploadWrapper);
-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$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 useGridData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -23725,11 +23788,11 @@ function useGridData (_ref) {
 function reducer(state, action) {
   switch (action.type) {
     case 'update':
-      return _objectSpread$w(_objectSpread$w({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$w(_objectSpread$w({}, action.data), {}, {
+      return _objectSpread$y(_objectSpread$y({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$y(_objectSpread$y({}, action.data), {}, {
         buffer: Buffer.from(action.data.buffer)
       })));
     case 'delete':
-      var newState = _objectSpread$w({}, state);
+      var newState = _objectSpread$y({}, state);
       delete newState[action.data.divaNr];
       return newState;
     default:
@@ -23816,8 +23879,8 @@ var Grid = function Grid(_ref) {
   });
 };
-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$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; }
 var useMediaUpload = function useMediaUpload(_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -23936,7 +23999,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
     onRemove: onRemove,
     customRequest: customRequest,
     fileList: fileList.map(function (f) {
-      return _objectSpread$v(_objectSpread$v({}, f), {}, {
+      return _objectSpread$x(_objectSpread$x({}, f), {}, {
         url: f.url
       });
     }),
@@ -24693,8 +24756,8 @@ function LinkCell (_ref) {
 var _excluded$1 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
-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$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 LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
@@ -24708,7 +24771,7 @@ var CustomRow = function CustomRow(_ref) {
     component: false,
     children: /*#__PURE__*/jsx(EditableContext.Provider, {
       value: form,
-      children: /*#__PURE__*/jsx("tr", _objectSpread$u({}, props))
+      children: /*#__PURE__*/jsx("tr", _objectSpread$w({}, props))
     })
   });
 };
@@ -24761,7 +24824,7 @@ var CustomCell = function CustomCell(_ref2) {
   if ((record === null || record === void 0 ? void 0 : record.ItemField) == 'LongDescription') {
     longDescriptionType = 'text';
   }
-  var modifiedColumn = _objectSpread$u(_objectSpread$u({}, column), {}, {
+  var modifiedColumn = _objectSpread$w(_objectSpread$w({}, column), {}, {
     type: longDescriptionType || (column === null || column === void 0 ? void 0 : column.type)
   });
   if (column) {
@@ -24774,40 +24837,40 @@ var CustomCell = function CustomCell(_ref2) {
     };
     switch (modifiedColumn.type) {
       case 'boolean':
-        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$w({}, cellProps));
         break;
       case 'text':
-        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$w({}, cellProps));
         break;
       case 'select':
-        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$w({}, cellProps));
       case 'media':
-        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$w({}, cellProps));
         break;
       case 'mediaItem':
-        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$w({}, cellProps));
         break;
       case 'unixTimeStamp':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$w({}, cellProps));
         break;
       case 'unixTimeStampCheck':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$w({}, cellProps));
         break;
       case 'icon':
-        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$w({}, cellProps));
         break;
       case 'progress':
-        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(ProgressCell, _objectSpread$w({}, cellProps));
         break;
       case 'link':
-        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(LinkCell, _objectSpread$w({}, cellProps));
         break;
       default:
-        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$u({}, cellProps));
+        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$w({}, cellProps));
         break;
     }
   }
-  return /*#__PURE__*/jsx("td", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
+  return /*#__PURE__*/jsx("td", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
     children: childNode
   }));
 };
@@ -25159,8 +25222,8 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
-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$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 _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; }
@@ -25355,7 +25418,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$t(_objectSpread$t({}, (_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$v(_objectSpread$v({}, (_state$configuration$5 = state.configuration.filter) === null || _state$configuration$5 === void 0 ? void 0 : _state$configuration$5.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -25460,7 +25523,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$t(_objectSpread$t({}, state.pagination), {}, {
+      pagination: _objectSpread$v(_objectSpread$v({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -25767,7 +25830,7 @@ function BulkAction(_ref6) {
             }
             _context4.t0 = data;
             _context4.next = 11;
-            return apiInterface.update(_objectSpread$t(_objectSpread$t({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            return apiInterface.update(_objectSpread$v(_objectSpread$v({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 11:
             _context4.t1 = _context4.sent;
             _context4.t0.push.call(_context4.t0, _context4.t1);
@@ -25880,8 +25943,8 @@ function SelectionText(_ref8) {
   });
 }
-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$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 getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -26244,7 +26307,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$s(_objectSpread$s({}, f), {}, {
+              return _objectSpread$u(_objectSpread$u({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -26293,7 +26356,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$s(_objectSpread$s({}, f), {}, {
+        return _objectSpread$u(_objectSpread$u({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -26367,8 +26430,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
-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$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 mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -26421,7 +26484,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$r(_objectSpread$r(_objectSpread$r({}, column), {}, {
+  return _objectSpread$t(_objectSpread$t(_objectSpread$t({}, column), {}, {
     hidden: false,
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
@@ -26471,8 +26534,8 @@ function updateData (_ref) {
   };
 }
-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$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 applyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -26487,7 +26550,7 @@ function applyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$q(_objectSpread$q({}, pagination), {}, {
+    pagination: _objectSpread$s(_objectSpread$s({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -26572,8 +26635,8 @@ function filter(f, data) {
 }
 var _excluded = ["_id"];
-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$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 useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -26628,7 +26691,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = unflatten(_objectSpread$p({
+    var processedDataRow = unflatten(_objectSpread$r({
       _id: id,
       ID: id
     }, dataRow));
@@ -26640,11 +26703,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$p(_objectSpread$p({}, state), {}, {
+    var newState = _objectSpread$r(_objectSpread$r({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = applyFilterAndSortation(_objectSpread$p(_objectSpread$p({}, filterData), {}, {
+      var res = applyFilterAndSortation(_objectSpread$r(_objectSpread$r({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -26656,33 +26719,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$p(_objectSpread$p({}, catalogItem), {}, {
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$r(_objectSpread$r({}, 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$p({}, oldState));
+      setState(_objectSpread$r({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+    setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$p(_objectSpread$p({}, catalogItem), {}, {
+      mappingData: _objectSpread$r(_objectSpread$r({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$p(_objectSpread$p({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$r(_objectSpread$r({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$p(_objectSpread$p({}, d), {}, {
+          return _objectSpread$r(_objectSpread$r({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$p({}, state.pagination),
+          pagination: _objectSpread$r({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -26698,7 +26761,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$p({}, state.pagination),
+        pagination: _objectSpread$r({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -26714,17 +26777,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+    setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$p(_objectSpread$p({}, p), {}, {
+      var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$r(_objectSpread$r({}, p), {}, {
           data: unfilteredData
         })),
         data = _applyFilterAndSortat.data,
         pagination = _applyFilterAndSortat.pagination;
-      setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+      setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -26735,20 +26798,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$p(_objectSpread$p({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$r(_objectSpread$r({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+        setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$p(_objectSpread$p({}, dt), {}, {
+            return _objectSpread$r(_objectSpread$r({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$p(_objectSpread$p({}, p.pagination), {}, {
+          pagination: _objectSpread$r(_objectSpread$r({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$p(_objectSpread$p({}, catalogItem), {}, {
+          mappingData: _objectSpread$r(_objectSpread$r({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -26769,7 +26832,7 @@ function useTableData$1 (_ref) {
             filters['_id'] = [id, 'eq', false];
             _context.next = 4;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$p({}, state.pagination),
+              pagination: _objectSpread$r({}, state.pagination),
               columns: configuration.columns,
               filters: filters,
               sorter: filterData.sorter
@@ -26788,7 +26851,7 @@ function useTableData$1 (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+    setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
       selected: keys
     }));
   };
@@ -26798,7 +26861,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -26813,7 +26876,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$p(_objectSpread$p({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$r(_objectSpread$r({}, 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, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid);
                   case 5:
@@ -26863,7 +26926,7 @@ function useTableData$1 (_ref) {
             }
             _context3.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$p(_objectSpread$p({}, state.pagination), {}, {
+              pagination: _objectSpread$r(_objectSpread$r({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -26875,11 +26938,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+            setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$p(_objectSpread$p({}, state.pagination), {}, {
+              pagination: _objectSpread$r(_objectSpread$r({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -26895,12 +26958,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$p(_objectSpread$p({}, state), {}, {
+    setState(_objectSpread$r(_objectSpread$r({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$p(_objectSpread$p({}, state), {}, {
-    configuration: _objectSpread$p(_objectSpread$p({}, configuration), {}, {
+  return _objectSpread$r(_objectSpread$r({}, state), {}, {
+    configuration: _objectSpread$r(_objectSpread$r({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -27012,8 +27075,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$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$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; }
 var LOG$2 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$filter4, _configuration$bulkAc, _configuration$apiInt;
@@ -27072,7 +27135,7 @@ function useTableData (_ref) {
   var _useState13 = useState({
       loading: true,
       deleting: false,
-      pagination: _objectSpread$o({
+      pagination: _objectSpread$q({
         current: 1,
         pageSize: 20,
         total: 0,
@@ -27081,7 +27144,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$o(_objectSpread$o({}, parentData), {}, {
+      mappingData: _objectSpread$q(_objectSpread$q({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         },
@@ -27092,7 +27155,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mappingData = _objectSpread$o(_objectSpread$o(_objectSpread$o({}, parentData), state.data), {}, {
+  var mappingData = _objectSpread$q(_objectSpread$q(_objectSpread$q({}, parentData), state.data), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -27131,14 +27194,14 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$o({}, state);
+    var newState = _objectSpread$q({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
     }
     var pagination = undefined;
     if (state.pagination.total !== state.data.length + dataArray.length) {
-      pagination = _objectSpread$o(_objectSpread$o({}, state.pagination), {}, {
+      pagination = _objectSpread$q(_objectSpread$q({}, state.pagination), {}, {
         total: state.data.length + dataArray.length
       });
     }
@@ -27155,7 +27218,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$o(_objectSpread$o({}, newState), {}, {
+          newState = _objectSpread$q(_objectSpread$q({}, newState), {}, {
             pagination: (_pagination = pagination) !== null && _pagination !== void 0 ? _pagination : newState.pagination,
             data: _data,
             selected: selected
@@ -27168,8 +27231,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$o(_objectSpread$o(_objectSpread$o({}, filterData), {}, {
-            filters: _objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o({}, filterData.filters), globalFilter.search), !(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) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
+        var _applyFilterAndSortat = applyFilterAndSortation(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, filterData), {}, {
+            filters: _objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, filterData.filters), globalFilter.search), !(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) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
           }, configuration !== null && configuration !== void 0 && (_configuration$filter7 = configuration.filter) !== null && _configuration$filter7 !== void 0 && (_configuration$filter7 = _configuration$filter7.toggle) !== null && _configuration$filter7 !== void 0 && _configuration$filter7.inQuery ? {
             genericProps: globalFilter.toggle
           } : undefined), {}, {
@@ -27179,7 +27242,7 @@ function useTableData (_ref) {
           _data2 = _applyFilterAndSortat.data,
           _pagination2 = _applyFilterAndSortat.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$o(_objectSpread$o({}, newState), {}, {
+        newState = _objectSpread$q(_objectSpread$q({}, newState), {}, {
           pagination: _pagination2,
           data: _data2,
           selected: selected
@@ -27189,8 +27252,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$o({}, initData));
-          setState(_objectSpread$o({}, state));
+          initData && setInitData(_objectSpread$q({}, initData));
+          setState(_objectSpread$q({}, state));
         }
       });
     }
@@ -27203,7 +27266,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter8;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$o({}, globalFilter);
+    var newGlobalFilter = _objectSpread$q({}, globalFilter);
     //on refresh update default filter, since global value can change
     if ((_configuration$filter8 = configuration.filter) !== null && _configuration$filter8 !== void 0 && _configuration$filter8["default"]) {
       var _configuration$filter9;
@@ -27214,7 +27277,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$o({
+    onChange(_objectSpread$q({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -27232,7 +27295,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -27275,7 +27338,7 @@ function useTableData (_ref) {
           case 0:
             filters = {};
             filters['_id'] = [id, 'eq', false];
-            ssf = _objectSpread$o({
+            ssf = _objectSpread$q({
               pagination: {
                 current: 1,
                 pageSize: 1
@@ -27286,7 +27349,7 @@ function useTableData (_ref) {
               genericProps: globalFilter.toggle
             } : undefined);
             _context2.next = 5;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$o(_objectSpread$o({}, mappingData), state.mappingData), ssf);
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$q(_objectSpread$q({}, mappingData), state.mappingData), ssf);
           case 5:
             data = _context2.sent;
             return _context2.abrupt("return", data);
@@ -27330,12 +27393,12 @@ function useTableData (_ref) {
             refresh = _args3.length > 2 ? _args3[2] : undefined;
             clearSelection = _args3.length > 3 ? _args3[3] : undefined;
             overwriteMappingData = _args3.length > 4 ? _args3[4] : undefined;
-            setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+            setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
               mappingData: overwriteMappingData !== null && overwriteMappingData !== void 0 ? overwriteMappingData : state.mappingData,
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o({}, prefilter.search), ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.applyDefaultValue) !== false || ((_configuration$filter12 = configuration.filter) === null || _configuration$filter12 === void 0 || (_configuration$filter12 = _configuration$filter12.select) === null || _configuration$filter12 === void 0 ? void 0 : _configuration$filter12.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter13 = (_configuration$filter14 = configuration.filter) === null || _configuration$filter14 === void 0 || (_configuration$filter14 = _configuration$filter14.select) === null || _configuration$filter14 === void 0 ? void 0 : _configuration$filter14.filterField) !== null && _configuration$filter13 !== void 0 ? _configuration$filter13 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
+            filterData = _objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, prefilter.search), ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.applyDefaultValue) !== false || ((_configuration$filter12 = configuration.filter) === null || _configuration$filter12 === void 0 || (_configuration$filter12 = _configuration$filter12.select) === null || _configuration$filter12 === void 0 ? void 0 : _configuration$filter12.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter13 = (_configuration$filter14 = configuration.filter) === null || _configuration$filter14 === void 0 || (_configuration$filter14 = _configuration$filter14.select) === null || _configuration$filter14 === void 0 ? void 0 : _configuration$filter14.filterField) !== null && _configuration$filter13 !== void 0 ? _configuration$filter13 : '']) === 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];
@@ -27343,7 +27406,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$o(_objectSpread$o({}, p.pagination), {}, {
+            currentPagination = _objectSpread$q(_objectSpread$q({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -27351,7 +27414,7 @@ function useTableData (_ref) {
               _context3.next = 21;
               break;
             }
-            ssf = _objectSpread$o({
+            ssf = _objectSpread$q({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -27360,12 +27423,12 @@ function useTableData (_ref) {
               genericProps: prefilter.toggle
             } : undefined);
             _context3.next = 15;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$o(_objectSpread$o({}, mappingData), overwriteMappingData), ssf, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid, parseFilter(!(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) ? (_prefilter$toggle = prefilter.toggle) !== null && _prefilter$toggle !== void 0 ? _prefilter$toggle : {} : {}, (_parseFilter = parseFilter(p.filters, undefined)) === null || _parseFilter === void 0 ? void 0 : _parseFilter.slice(1, -1)));
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$q(_objectSpread$q({}, mappingData), overwriteMappingData), ssf, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid, parseFilter(!(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) ? (_prefilter$toggle = prefilter.toggle) !== null && _prefilter$toggle !== void 0 ? _prefilter$toggle : {} : {}, (_parseFilter = parseFilter(p.filters, undefined)) === null || _parseFilter === void 0 ? void 0 : _parseFilter.slice(1, -1)));
           case 15:
             data = _context3.sent;
-            currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, _objectSpread$o(_objectSpread$o({}, mappingData), state.mappingData), ssf);
+            currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, _objectSpread$q(_objectSpread$q({}, mappingData), state.mappingData), ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$o(_objectSpread$o({}, currentPagination), {}, {
+            currentPagination = _objectSpread$q(_objectSpread$q({}, currentPagination), {}, {
               total: data.total
             });
             _context3.next = 30;
@@ -27382,7 +27445,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 27:
-            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$o(_objectSpread$o({}, p), {}, {
+            _applyFilterAndSortat2 = applyFilterAndSortation(_objectSpread$q(_objectSpread$q({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -27391,11 +27454,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 30:
-            setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+            setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o({}, parentData), state.mappingData), overwriteMappingData), {}, {
+              mappingData: _objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, parentData), state.mappingData), overwriteMappingData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -27417,7 +27480,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+    setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
       selected: keys
     }));
   };
@@ -27428,7 +27491,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+            setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -27468,7 +27531,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$o(_objectSpread$o(_objectSpread$o({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$q(_objectSpread$q(_objectSpread$q({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context4.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -27558,12 +27621,12 @@ function useTableData (_ref) {
               break;
             }
             _context5.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$o(_objectSpread$o({}, mappingData), state.mappingData), _objectSpread$o({
-              pagination: _objectSpread$o(_objectSpread$o({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, _objectSpread$q(_objectSpread$q({}, mappingData), state.mappingData), _objectSpread$q({
+              pagination: _objectSpread$q(_objectSpread$q({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o(_objectSpread$o({}, filterData.filters), globalFilter.search), !(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) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
+              filters: _objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, filterData.filters), globalFilter.search), !(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) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
               sorter: filterData.sorter
             }, configuration !== null && configuration !== void 0 && (_configuration$filter18 = configuration.filter) !== null && _configuration$filter18 !== void 0 && (_configuration$filter18 = _configuration$filter18.toggle) !== null && _configuration$filter18 !== void 0 && _configuration$filter18.inQuery ? {
               genericProps: globalFilter.toggle
@@ -27574,11 +27637,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$o(_objectSpread$o({}, state), {}, {
+            setState(_objectSpread$q(_objectSpread$q({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$o(_objectSpread$o({}, state.pagination), {}, {
+              pagination: _objectSpread$q(_objectSpread$q({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -27599,14 +27662,14 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global select filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$o({}, globalFilter);
+    var newGlobalFilter = _objectSpread$q({}, 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$o({
+    onChange(_objectSpread$q({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -27617,16 +27680,16 @@ function useTableData (_ref) {
       return;
     }
     var toggleFilter = {};
-    var mappingData = _objectSpread$o({}, state.mappingData);
+    var mappingData = _objectSpread$q({}, state.mappingData);
     configuration.filter.toggle.fields.forEach(function (f) {
       mappingData[f] = !globalFilter.toggle && configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : undefined;
       toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', !configuration.filter.toggle.isAnd];
     });
-    var newGlobalFilter = _objectSpread$o(_objectSpread$o({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$q(_objectSpread$q({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$o({
+    onChange(_objectSpread$q({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true, true, mappingData);
   };
@@ -27639,7 +27702,7 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global search filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$o(_objectSpread$o({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$q(_objectSpread$q({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -27653,7 +27716,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$o({
+    onChange(_objectSpread$q({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -27663,20 +27726,20 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global period filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$o({}, globalFilter);
+    var newGlobalFilter = _objectSpread$q({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     if (!configuration.filter.period.onlyAsMappingData) setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$o({
+    onChange(_objectSpread$q({
       pagination: state.pagination
-    }, filterData), undefined, true, undefined, _objectSpread$o(_objectSpread$o({}, state.mappingData), {}, {
+    }, filterData), undefined, true, undefined, _objectSpread$q(_objectSpread$q({}, state.mappingData), {}, {
       from: from,
       to: to
     }));
   };
-  return _objectSpread$o(_objectSpread$o({}, state), {}, {
+  return _objectSpread$q(_objectSpread$q({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -27718,8 +27781,8 @@ function StandardTable (_ref) {
   });
 }
-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$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 Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -27727,15 +27790,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$n({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$n({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$p({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$p({}, 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$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$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 useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -27829,7 +27892,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$m(_objectSpread$m({}, rd), {}, {
+                    rdat.push(_objectSpread$o(_objectSpread$o({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -27972,8 +28035,8 @@ var value = "value-FCA-6";
 var css_248z$g = ".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$g);
-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$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 AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -27981,11 +28044,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$l(_objectSpread$l({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$n(_objectSpread$n({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$l(_objectSpread$l({}, dt), {}, {
+      groupedData.push([_objectSpread$n(_objectSpread$n({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -28026,8 +28089,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
-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$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 AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -28120,7 +28183,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$k(_objectSpread$k({}, column), {}, {
+      return _objectSpread$m(_objectSpread$m({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -28390,8 +28453,8 @@ var CustomText = function CustomText(_ref) {
 };
 var CustomText$1 = observer(CustomText);
-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$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 _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; }
@@ -28454,7 +28517,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$j(_objectSpread$j({}, state), ob);
+    return _objectSpread$l(_objectSpread$l({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -28468,8 +28531,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$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$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; }
 var FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -28497,7 +28560,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
           }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$i(_objectSpread$i({}, state.filter), {}, {
+            wholeData: _objectSpread$k(_objectSpread$k({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -28729,8 +28792,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
-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$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 useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -28762,7 +28825,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$h(_objectSpread$h({}, filter), {}, {
+      return setFilter(_objectSpread$j(_objectSpread$j({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -28785,8 +28848,8 @@ function useUIBuilderData (id) {
   };
 }
-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$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 UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -28813,7 +28876,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$g({}, state.filter);
+              var newFilter = _objectSpread$i({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -28861,7 +28924,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$g({
+          filter: _objectSpread$i({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -29021,8 +29084,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
-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$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 useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -29088,7 +29151,7 @@ function useTransformJson (_ref) {
   }();
   var _transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$f(_objectSpread$f({}, data), {}, {
+    return _objectSpread$h(_objectSpread$h({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -29749,8 +29812,8 @@ function useCatalogEditor (id) {
   };
 }
-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$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 DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -29855,7 +29918,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$e(_objectSpread$e({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$g(_objectSpread$g({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -30072,12 +30135,12 @@ function CatalogEditor(_ref) {
 }
 var CatalogEditor$1 = observer(CatalogEditor);
-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$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 SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(props, ref) {
   var _root$contentStore$bo, _root$contentStore$ri;
   var root = useStore();
-  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$d(_objectSpread$d({}, props), {}, {
+  return /*#__PURE__*/jsx(Spreadsheet$1, _objectSpread$f(_objectSpread$f({}, props), {}, {
     ref: ref,
     darkMode: root.contentStore.theme == 'darkmode',
     jwt: root.dataStore.jwt,
@@ -30088,21 +30151,148 @@ var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(pro
 });
 var Spreadsheet = observer(SpreadsheetWrapper);
-function PackageSelector(_ref) {
-  var organizationId = _ref.organizationId,
-    packageId = _ref.packageId,
-    setSelectedPackage = _ref.setSelectedPackage,
-    enricherService = _ref.enricherService;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var value = useMemo(function () {
+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; }
+// Type definition for the context state
+var useEnricherContext = function useEnricherContext() {
+  var currentModules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var root = useStore();
+  var _useParams = useParams(),
+    urlPackageId = _useParams.packageId;
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
+    searchParams = _useSearchParams2[0];
+  var navigate = useNavigate();
+  // Create default select state
+  var createDefaultSelectState = function createDefaultSelectState(stateKey) {
+    var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     return {
-      _id: packageId
+      options: undefined,
+      loading: loading,
+      setOptions: function setOptions(options) {
+        var state = root.contextStore.getContext('enricher');
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$e(_objectSpread$e({}, state[stateKey]), {}, {
+          options: options,
+          loading: false
+        })));
+      },
+      setLoading: function setLoading(loading) {
+        var state = root.contextStore.getContext('enricher');
+        root.contextStore.updateContext('enricher', _defineProperty({}, stateKey, _objectSpread$e(_objectSpread$e({}, state[stateKey]), {}, {
+          loading: loading
+        })));
+      }
     };
-  }, [packageId]);
+  };
+  // Initialize context if needed
+  var getContext = useCallback(function () {
+    var initialState = {
+      packageId: urlPackageId || '',
+      selectedPackage: {
+        _id: urlPackageId || '',
+        name: '',
+        isoLanguageIds: [],
+        isApi: false
+      },
+      enricherService: root.configurationStore.apiConfig.enricherService,
+      organizationId: root.dataStore.organizationId || '',
+      packageSelectorState: createDefaultSelectState('packageSelectorState'),
+      lookupSeriesSelectorState: createDefaultSelectState('lookupSeriesSelectorState'),
+      lookupFeatureSelectorState: createDefaultSelectState('lookupFeatureSelectorState'),
+      exclusivitiesSeriesSelectorState: createDefaultSelectState('exclusivitiesSeriesSelectorState'),
+      exclusivitiesFeatureSelectorState: createDefaultSelectState('exclusivitiesFeatureSelectorState'),
+      selectedSerie: undefined,
+      selectedFeature: undefined
+    };
+    return root.contextStore.getContext('enricher', initialState);
+  }, [root.configurationStore.apiConfig.enricherService, root.dataStore.organizationId, urlPackageId]);
+  // Handler functions that will be returned
+  var setSelectedSerie = useCallback(function (serie) {
+    root.contextStore.updateContext('enricher', {
+      selectedSerie: serie
+    });
+  }, [root.contextStore]);
+  var setSelectedFeature = useCallback(function (feature) {
+    root.contextStore.updateContext('enricher', {
+      selectedFeature: feature
+    });
+  }, [root.contextStore]);
+  var setSelectedPackage = useCallback(function (pkg) {
+    var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
+    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '../';
+    var reset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var newPackage;
+    if (typeof pkg === 'string') {
+      newPackage = {
+        _id: pkg,
+        name: '',
+        isoLanguageIds: [],
+        isApi: false
+      };
+    } else {
+      newPackage = pkg;
+    }
+    if (reset) {
+      root.contextStore.clearContext('enricher');
+    }
+    // Only update if package changed
+    if (getContext().selectedPackage._id !== newPackage._id) {
+      root.contextStore.updateContext('enricher', {
+        selectedPackage: newPackage,
+        packageId: newPackage._id,
+        selectedSerie: undefined,
+        selectedFeature: undefined,
+        lookupSeriesSelectorState: createDefaultSelectState('lookupSeriesSelectorState'),
+        lookupFeatureSelectorState: createDefaultSelectState('lookupFeatureSelectorState'),
+        exclusivitiesSeriesSelectorState: createDefaultSelectState('exclusivitiesSeriesSelectorState'),
+        exclusivitiesFeatureSelectorState: createDefaultSelectState('exclusivitiesFeatureSelectorState')
+      });
+    }
+    // Update URL
+    navigate(path + newPackage._id + (modules.length ? '/' + modules.join('/') : '') + (searchParams ? '?' + searchParams.toString() : ''));
+  }, [root.contextStore, getContext().selectedPackage._id, navigate, currentModules, searchParams]);
+  // Sync with URL parameters
+  useEffect(function () {
+    if (urlPackageId && urlPackageId !== getContext().packageId) {
+      setSelectedPackage({
+        _id: urlPackageId,
+        name: '',
+        isoLanguageIds: [],
+        isApi: false
+      });
+    }
+  }, [urlPackageId, getContext().packageId, setSelectedPackage]);
+  // Return context + handlers
+  return _objectSpread$e(_objectSpread$e({}, getContext()), {}, {
+    setSelectedSerie: setSelectedSerie,
+    setSelectedFeature: setSelectedFeature,
+    setSelectedPackage: setSelectedPackage
+  });
+};
+var PackageSelector = function PackageSelector(_ref) {
+  var modules = _ref.modules;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useEnricherContext = useEnricherContext(modules),
+    selectedPackage = _useEnricherContext.selectedPackage,
+    setSelectedPackage = _useEnricherContext.setSelectedPackage,
+    enricherService = _useEnricherContext.enricherService,
+    organizationId = _useEnricherContext.organizationId,
+    packageSelectorState = _useEnricherContext.packageSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: packageSelectorState,
     apiInterface: {
-      read: enricherService + "/packages?fields=name;_id;isoLanguageIds;isApi&filter=organizationId==\"".concat(organizationId, "\"")
+      read: "".concat(enricherService, "/packages?fields=name;_id;isoLanguageIds;isApi&filter=organizationId==\"").concat(organizationId, "\"")
     },
     apiMapping: {
       type: 'query',
@@ -30116,7 +30306,7 @@ function PackageSelector(_ref) {
       value: '${_id}'
     },
     title: t('backoffice.menu.items.label.IDMEnricherEditorTablePackages'),
-    value: value,
+    value: selectedPackage,
     onChange: function onChange(value) {
       return setSelectedPackage(value);
     },
@@ -30126,52 +30316,24 @@ function PackageSelector(_ref) {
     },
     popupClassName: 'ag-custom-component-popup'
   });
-}
-function useNavigation$1 () {
-  var root = useStore();
-  var _useSearchParams = useSearchParams(),
-    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
-    searchParams = _useSearchParams2[0];
-  var navigate = useNavigate();
-  var _useParams = useParams(),
-    packageId = _useParams.packageId;
-  /**
-   *
-   * @param currentPackage the current package 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 (currentPackage, modules) {
-    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    navigate(path + currentPackage + '/' + modules.join('/') + (searchParams ? '?' + searchParams.toString() : ''));
-  }, [searchParams]);
-  return {
-    updateNavigation: updateNavigation,
-    organizationId: root.dataStore.organizationId,
-    apiConfig: root.configurationStore.apiConfig,
-    packageId: packageId
-  };
-}
+};
+var PackageSelector$1 = observer(PackageSelector);
 function useModule$1 (currentModules) {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useNavigation = useNavigation$1(),
-    updateNavigation = _useNavigation.updateNavigation,
-    organizationId = _useNavigation.organizationId,
-    apiConfig = _useNavigation.apiConfig,
-    packageId = _useNavigation.packageId;
+  var _useEnricherContext = useEnricherContext(currentModules),
+    packageId = _useEnricherContext.packageId,
+    selectedPackage = _useEnricherContext.selectedPackage,
+    setSelectedPackage = _useEnricherContext.setSelectedPackage,
+    organizationId = _useEnricherContext.organizationId,
+    selectedSerie = _useEnricherContext.selectedSerie,
+    selectedFeature = _useEnricherContext.selectedFeature;
   var location = useLocation();
   var _useSearchParams = useSearchParams(),
     _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
     searchParams = _useSearchParams2[0];
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedPackage = _useState2[0],
-    setSelectedPackage = _useState2[1];
   var menuItems = useMemo(function () {
     return [{
       key: 'renaming',
@@ -30352,14 +30514,8 @@ function useModule$1 (currentModules) {
     }]));
   }, [packageId, selectedPackage, searchParams]);
   if (!packageId) throw new Error('packageId is required');
-  var updateNavigationModule = useCallback(function (currentPackage) {
-    var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
-    updateNavigation(currentPackage._id, modules, '../');
-    setSelectedPackage(currentPackage);
-  }, [updateNavigation]);
   useEffect(function () {
     //update the navigation supmenu for the packages module to include the current package id
     root.contentStore.updateAdditionalElement('packages', menuItems, currentModules);
   }, [menuItems, location.pathname]);
@@ -30383,11 +30539,13 @@ function useModule$1 (currentModules) {
     };
   }, [packageId]);
   return {
-    updateNavigation: updateNavigationModule,
-    organizationId: organizationId,
-    apiConfig: apiConfig,
+    selectedPackage: selectedPackage,
     packageId: packageId,
-    selectedPackage: selectedPackage
+    organizationId: organizationId,
+    apiConfig: root.configurationStore.apiConfig,
+    setSelectedPackage: setSelectedPackage,
+    selectedSerie: selectedSerie,
+    selectedFeature: selectedFeature
   };
 }
@@ -30434,13 +30592,12 @@ function createTranslatedColumnConfig(field, headerName, languages) {
   };
 }
-function TableGroups () {
+var TableGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule$1(['groups']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
@@ -30554,13 +30711,8 @@ function TableGroups () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
+          children: /*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['groups']
           })
         })]
       })
@@ -30570,7 +30722,7 @@ function TableGroups () {
       configuration: configuration
     })]
   });
-}
+});
 function PublishCustomCell (_ref) {
   var data = _ref.data,
@@ -30940,15 +31092,11 @@ var getItemTypeKey = function getItemTypeKey(t) {
   }];
 };
-function TablePackages () {
+var TablePackages = observer(function () {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  var _useNavigation = useNavigation$1(),
-    organizationId = _useNavigation.organizationId,
-    apiConfig = _useNavigation.apiConfig,
-    updateNavigation = _useNavigation.updateNavigation;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fileIsLoading = _React$useState2[0],
@@ -30957,6 +31105,10 @@ function TablePackages () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     fileDownloadError = _React$useState4[0],
     setFileDownloadError = _React$useState4[1];
+  var _useEnricherContext = useEnricherContext([]),
+    setSelectedPackage = _useEnricherContext.setSelectedPackage;
+  var organizationId = root.dataStore.organizationId;
+  var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -30978,7 +31130,7 @@ function TablePackages () {
       icon: /*#__PURE__*/jsx(EditOutlined, {}),
       action: function action(_ref) {
         var selectedNodes = _ref.selectedNodes;
-        updateNavigation(selectedNodes[0].data._id, ['renaming', 'features']);
+        setSelectedPackage(selectedNodes[0].data._id, ['renaming', 'features'], './', true);
       },
       disabled: function disabled(_ref2) {
         var selectedNodes = _ref2.selectedNodes;
@@ -31029,7 +31181,7 @@ function TablePackages () {
         return action;
       }()
     }];
-  }, [apiConfig.enricherService, root.dataStore.jwt, updateNavigation]);
+  }, [apiConfig.enricherService, root.dataStore.jwt]);
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages?organizationId=${organizationId}',
@@ -31202,15 +31354,14 @@ function TablePackages () {
       error: fileDownloadError
     })]
   });
-}
+});
-function TableProperties () {
+var TableProperties = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule$1(['properties']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
@@ -31370,13 +31521,8 @@ function TableProperties () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
+          children: /*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['properties']
           })
         })]
       })
@@ -31386,7 +31532,7 @@ function TableProperties () {
       configuration: configuration
     })]
   });
-}
+});
 var getConfig$6 = function getConfig(isoLanguageIds, t) {
   return {
@@ -31897,32 +32043,34 @@ var getConfig$1 = function getConfig(isoLanguageIds) {
   };
 };
-function SeriesSelector$1(_ref) {
-  var packageId = _ref.packageId,
-    selectedSerie = _ref.selectedSerie,
-    setSelectedSerie = _ref.setSelectedSerie,
-    enricherService = _ref.enricherService,
-    dataSet = _ref.dataSet,
-    additionalFields = _ref.additionalFields;
+var SeriesSelector$2 = function SeriesSelector(_ref) {
+  var modules = _ref.modules,
+    dataSet = _ref.dataSet;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  useEffect(function () {
-    setSelectedSerie(undefined);
-  }, [packageId]);
+  var _useEnricherContext = useEnricherContext(modules),
+    packageId = _useEnricherContext.packageId,
+    enricherService = _useEnricherContext.enricherService,
+    setSelectedSerie = _useEnricherContext.setSelectedSerie,
+    lookupSeriesSelectorState = _useEnricherContext.lookupSeriesSelectorState,
+    exclusivitiesSeriesSelectorState = _useEnricherContext.exclusivitiesSeriesSelectorState,
+    selectedSerie = _useEnricherContext.selectedSerie;
+  var state = dataSet === 'lookup' ? lookupSeriesSelectorState : exclusivitiesSeriesSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: state,
     apiInterface: {
-      read: enricherService + '/packages/' + packageId + '/' + dataSet + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo").concat(additionalFields ? ";".concat(additionalFields.join(';')) : '')
+      read: enricherService + '/packages/' + packageId + '/' + dataSet + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts")
     },
     selectMapping: {
       label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
-      value: '${_id}'
+      value: '${serieNo}'
     },
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingSerie'),
     value: selectedSerie,
     onChange: function onChange(value) {
-      return setSelectedSerie ? setSelectedSerie(value) : null;
+      return setSelectedSerie(value);
     },
     search: true,
     style: {
@@ -31930,33 +32078,37 @@ function SeriesSelector$1(_ref) {
     },
     popupClassName: 'ag-custom-component-popup'
   }, packageId);
-}
+};
+var SeriesSelector$3 = observer(SeriesSelector$2);
-function FeatureSelector$1(_ref) {
-  var packageId = _ref.packageId,
-    selectedFeature = _ref.selectedFeature,
-    setSelectedFeature = _ref.setSelectedFeature,
-    enricherService = _ref.enricherService,
+var FeatureSelector$2 = function FeatureSelector(_ref) {
+  var modules = _ref.modules,
     dataSet = _ref.dataSet;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  useEffect(function () {
-    setSelectedFeature(undefined);
-  }, [packageId]);
+  var _useEnricherContext = useEnricherContext(modules),
+    packageId = _useEnricherContext.packageId,
+    enricherService = _useEnricherContext.enricherService,
+    setSelectedFeature = _useEnricherContext.setSelectedFeature,
+    lookupFeatureSelectorState = _useEnricherContext.lookupFeatureSelectorState,
+    exclusivitiesFeatureSelectorState = _useEnricherContext.exclusivitiesFeatureSelectorState,
+    selectedFeature = _useEnricherContext.selectedFeature;
+  var state = dataSet === 'lookup' ? lookupFeatureSelectorState : exclusivitiesFeatureSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: state,
     apiInterface: {
       read: enricherService + '/packages/' + packageId + '/' + dataSet + "/features?fields=featureText[".concat(i18n.language.toLocaleUpperCase(), "];featureNo;_id")
     },
     selectMapping: {
       label: "${featureText.".concat(i18n.language.toLocaleUpperCase(), "} (${featureNo})"),
-      value: '${_id}'
+      value: '${featureNo}'
     },
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMEnricherEditorTableRenamingFeature'),
     value: selectedFeature,
     onChange: function onChange(value) {
-      return setSelectedFeature ? setSelectedFeature(value) : null;
+      return setSelectedFeature(value);
     },
     search: true,
     style: {
@@ -31964,7 +32116,8 @@ function FeatureSelector$1(_ref) {
     },
     popupClassName: 'ag-custom-component-popup'
   }, packageId);
-}
+};
+var FeatureSelector$3 = observer(FeatureSelector$2);
 var RenamingCatalog = function RenamingCatalog() {
   return /*#__PURE__*/jsx(RenamingTable, {
@@ -32002,7 +32155,7 @@ var RenamingSerie = function RenamingSerie() {
     getConfig: getConfig$1
   });
 };
-var RenamingTable = function RenamingTable(_ref) {
+var RenamingTable = observer(function (_ref) {
   var type = _ref.type,
     getConfig = _ref.getConfig;
   var _useTranslation = useTranslation(),
@@ -32010,21 +32163,13 @@ var RenamingTable = function RenamingTable(_ref) {
     i18n = _useTranslation.i18n;
   var _useModule = useModule$1(['renaming', type]),
     packageId = _useModule.packageId,
-    organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    selectedSerie = _useModule.selectedSerie,
+    selectedFeature = _useModule.selectedFeature;
   var baseConfiguration = useMemo(function () {
     return getConfig((selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isoLanguageIds) || ['DE'], t);
   }, [selectedPackage, i18n.language]);
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedSerie = _React$useState2[0],
-    setSelectedSerie = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    selectedFeature = _React$useState4[0],
-    setSelectedFeature = _React$useState4[1];
   var applicationData = useMemo(function () {
     return {
       packageId: packageId
@@ -32097,24 +32242,13 @@ var RenamingTable = function RenamingTable(_ref) {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
-          }), type === 'items' && /*#__PURE__*/jsx(SeriesSelector$1, {
-            packageId: packageId,
-            selectedSerie: selectedSerie,
-            setSelectedSerie: setSelectedSerie,
-            enricherService: apiConfig.enricherService,
+          children: [/*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['renaming', type]
+          }), type === 'items' && /*#__PURE__*/jsx(SeriesSelector$3, {
+            modules: ['renaming', type],
             dataSet: 'lookup'
-          }), type === 'options' && /*#__PURE__*/jsx(FeatureSelector$1, {
-            packageId: packageId,
-            selectedFeature: selectedFeature,
-            setSelectedFeature: setSelectedFeature,
-            enricherService: apiConfig.enricherService,
+          }), type === 'options' && /*#__PURE__*/jsx(FeatureSelector$3, {
+            modules: ['renaming', type],
             dataSet: 'lookup'
           })]
         })]
@@ -32126,7 +32260,7 @@ var RenamingTable = function RenamingTable(_ref) {
       configuration: configuration
     })]
   });
-};
+});
 function getConfig(t) {
   return {
@@ -32556,25 +32690,18 @@ var ExclusivityFeatureOption = function ExclusivityFeatureOption() {
     config: config['option']
   });
 };
-var ExclusivityTable = function ExclusivityTable(_ref) {
+var ExclusivityTable = observer(function (_ref) {
   var type = _ref.type,
     config = _ref.config;
   var _useTranslation6 = useTranslation(),
     t = _useTranslation6.t;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedSerie = _React$useState2[0],
-    setSelectedSerie = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    selectedFeature = _React$useState4[0],
-    setSelectedFeature = _React$useState4[1];
   var _useModule = useModule$1(['exclusivity', type]),
     packageId = _useModule.packageId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId,
-    selectedPackage = _useModule.selectedPackage;
+    selectedPackage = _useModule.selectedPackage,
+    selectedSerie = _useModule.selectedSerie,
+    selectedFeature = _useModule.selectedFeature;
   var apiInterface = useMemo(function () {
     var patchId = '${_id}';
     if (type === 'eitem') patchId = '${typeNo}';
@@ -32612,7 +32739,7 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
     return {
       type: 'dotnetSSM',
       apiInterface: apiInterface,
-      idCol: selectedSerie ? 'typeNo' : selectedFeature ? 'optionKey' : undefined,
+      idCol: type === 'eitem' ? 'typeNo' : type === 'eoption' ? 'optionKey' : undefined,
       dateFormat: 'DD.MM.YYYY, HH:mm:ss',
       floatingFilter: true,
       colDef: [{
@@ -32645,24 +32772,13 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
-          }), type === 'eitem' && /*#__PURE__*/jsx(SeriesSelector$1, {
-            packageId: packageId,
-            selectedSerie: selectedSerie,
-            setSelectedSerie: setSelectedSerie,
-            enricherService: apiConfig.enricherService,
+          children: [/*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['exclusivity', type]
+          }), type === 'eitem' && /*#__PURE__*/jsx(SeriesSelector$3, {
+            modules: ['exclusivity', type],
             dataSet: 'exclusivities'
-          }), type === 'eoption' && /*#__PURE__*/jsx(FeatureSelector$1, {
-            packageId: packageId,
-            selectedFeature: selectedFeature,
-            setSelectedFeature: setSelectedFeature,
-            enricherService: apiConfig.enricherService,
+          }), type === 'eoption' && /*#__PURE__*/jsx(FeatureSelector$3, {
+            modules: ['exclusivity', type],
             dataSet: 'exclusivities'
           })]
         })]
@@ -32673,15 +32789,14 @@ var ExclusivityTable = function ExclusivityTable(_ref) {
       configuration: configuration
     })]
   });
-};
+});
-function TableTabGroups () {
+var TableTabGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule$1(['tabgroups']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
   var applicationData = useMemo(function () {
@@ -32762,13 +32877,8 @@ function TableTabGroups () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
+          children: /*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['tabgroups']
           })
         })]
       })
@@ -32778,15 +32888,14 @@ function TableTabGroups () {
       configuration: configuration
     })]
   });
-}
+});
-function TablePartlistPos () {
+var TablePartlistPos = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule$1(['partlistpos']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
   var posInvisibility = useMemo(function () {
@@ -32940,13 +33049,8 @@ function TablePartlistPos () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
+          children: /*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['partlistpos']
           })
         })]
       })
@@ -32956,7 +33060,7 @@ function TablePartlistPos () {
       configuration: configuration
     })]
   });
-}
+});
 /** Type of price modification that can be applied */
@@ -33059,8 +33163,8 @@ var isDefaultValue = function isDefaultValue(value, type) {
   return value === getDefaultValue(type);
 };
-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; }
 /**
  * Custom hook to manage price factor state and logic
  * @param props - Hook configuration
@@ -33097,7 +33201,7 @@ function usePriceFactor(_ref) {
   var updateEntries = function updateEntries(newTypeEntries) {
     setHasChangedCurrentType(true);
     setEntries(function (prev) {
-      return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty(_defineProperty({}, type, newTypeEntries), type === 'factor' ? 'discount' : 'factor', []));
+      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty(_defineProperty({}, type, newTypeEntries), type === 'factor' ? 'discount' : 'factor', []));
     });
   };
   var handleModalOpen = useCallback(function () {
@@ -33134,7 +33238,7 @@ function usePriceFactor(_ref) {
     // Always ensure at least one entry when switching types
     var newEntries = hasChangedCurrentType ? [] : entries[newType];
     setEntries(function (prev) {
-      return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, newType, newEntries.length > 0 ? newEntries : [{
+      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, newType, newEntries.length > 0 ? newEntries : [{
         value: getDefaultValue(newType),
         isValid: true
       }]));
@@ -33504,8 +33608,8 @@ var disabled$1 = "disabled-Llkqu";
 var css_248z$9 = ".wrapper-5t6RT {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n\n.input-leHam {\n  position: relative;\n  width: 200px;\n  height: 32px;\n  border: 1px solid #d9d9d9;\n  background: #ffffff;\n  padding: 0 11px;\n  border-radius: 6px;\n  font-size: 14px;\n  line-height: 30px;\n  cursor: pointer;\n}\n\n.darkmode .input-leHam {\n  background: #141414;\n  border: 1px solid #424242;\n}\n\n.input-leHam.disabled-Llkqu {\n  cursor: default;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.darkmode .input-leHam.disabled-Llkqu {\n  color: rgba(255, 255, 255, 0.25);\n}\n\n.input-leHam:hover {\n  border-color: #4096ff;\n}\n";
 styleInject(css_248z$9);
-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 PriceFactorInput(props) {
   return /*#__PURE__*/jsxs("div", {
     className: classnames(wrapper$2, props.className),
@@ -33514,7 +33618,7 @@ function PriceFactorInput(props) {
       children: /*#__PURE__*/jsx("div", {
         id: "price-factor-input",
         className: classnames(input, _defineProperty({}, disabled$1, props.disabled)),
-        children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$b(_objectSpread$b({}, props), {}, {
+        children: /*#__PURE__*/jsx(PriceFactorCellRenderer, _objectSpread$c(_objectSpread$c({}, props), {}, {
           singleClick: true
         }))
       })
@@ -33527,27 +33631,25 @@ var factorInput = "factor-input-MX85Z";
 var css_248z$8 = ".input-header--4KDP .ag-header-cell-text {\n  width: 100%;\n}\n\n.factor-input-MX85Z {\n  min-height: 0;\n  flex: 1;\n}\n\n.factor-input-MX85Z #price-factor-input {\n  width: 100%;\n  background-color: var(--ag-input-background-color);\n  border: var(--ag-input-border);\n  border-radius: var(--ag-input-border-radius);\n  color: var(--ag-input-text-color);\n  height: var(--ag-input-height);\n  line-height: var(--ag-input-height);\n  font-size: var(--ag-font-size);\n}\n\n.factor-input-MX85Z #price-factor-input:hover {\n  border-color: #4096ff;\n}\n";
 styleInject(css_248z$8);
-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 Prices (_ref) {
+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; }
+var Prices = observer(function (_ref) {
   var _pricelist$seriePrice;
   var organizationId = _ref.organizationId,
     packageId = _ref.packageId,
     apiConfig = _ref.apiConfig,
     pricelist = _ref.pricelist,
     setNodeDataValue = _ref.setNodeDataValue;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedSerie = _React$useState2[0],
-    setSelectedSerie = _React$useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useEnricherContext = useEnricherContext(['pricelists']),
+    selectedSerie = _useEnricherContext.selectedSerie;
   var updatePgPriceFactor = useCallback(function (priceFeatureGroupItem, value) {
     if (!selectedSerie) return;
     // Create copies of the objects to modify
-    var newFactors = _objectSpread$a({}, pricelist.pgPricefactors);
-    var serieFactors = _objectSpread$a({}, newFactors[selectedSerie.serieNo]);
+    var newFactors = _objectSpread$b({}, pricelist.pgPricefactors);
+    var serieFactors = _objectSpread$b({}, newFactors[selectedSerie.serieNo]);
     if (value.length === 0) {
       // Remove the empty price feature group
       delete serieFactors[priceFeatureGroupItem];
@@ -33579,8 +33681,8 @@ function Prices (_ref) {
     if (!selectedSerie) return;
     // Create copies of the objects to modify
-    var newFactors = _objectSpread$a({}, pricelist.articlePricefactors);
-    var serieFactors = _objectSpread$a({}, newFactors[selectedSerie.serieNo]);
+    var newFactors = _objectSpread$b({}, pricelist.articlePricefactors);
+    var serieFactors = _objectSpread$b({}, newFactors[selectedSerie.serieNo]);
     if (value.length === 0) {
       // Remove the empty article price factor
       delete serieFactors[typeNo];
@@ -33612,8 +33714,8 @@ function Prices (_ref) {
     if (!selectedSerie) return;
     // Create copies of the objects to modify
-    var newFactors = _objectSpread$a({}, pricelist.typeKeyPricefactors);
-    var serieFactors = _objectSpread$a({}, newFactors[selectedSerie.serieNo]);
+    var newFactors = _objectSpread$b({}, pricelist.typeKeyPricefactors);
+    var serieFactors = _objectSpread$b({}, newFactors[selectedSerie.serieNo]);
     if (value.length === 0) {
       // Remove the empty article price factor
       delete serieFactors[typeKey];
@@ -33645,7 +33747,7 @@ function Prices (_ref) {
     if (!selectedSerie) return;
     // Create a copy of the object to modify
-    var newFactors = _objectSpread$a({}, pricelist.seriePricefactors);
+    var newFactors = _objectSpread$b({}, pricelist.seriePricefactors);
     if (value.length === 0) {
       // Remove the empty serie price factor
       delete newFactors[selectedSerie.serieNo];
@@ -33897,13 +33999,9 @@ function Prices (_ref) {
               };
             }()),
             disabled: !selectedSerie
-          }), /*#__PURE__*/jsx(SeriesSelector$1, {
-            packageId: packageId,
-            selectedSerie: selectedSerie,
-            setSelectedSerie: setSelectedSerie,
-            enricherService: apiConfig.enricherService,
-            dataSet: 'lookup',
-            additionalFields: ['pricefeaturegroups', 'pricefeaturegroupsDisplayTexts', 'pricefeaturegroupsKeys', 'pricefeaturegroupsKeysDisplayTexts']
+          }), /*#__PURE__*/jsx(SeriesSelector$3, {
+            modules: ['pricelists'],
+            dataSet: "lookup"
           })]
         })
       })
@@ -33913,9 +34011,9 @@ function Prices (_ref) {
       configuration: configuration
     })]
   });
-}
+});
-function TablePriceList () {
+var TablePriceList = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
@@ -33924,7 +34022,6 @@ function TablePriceList () {
   var _useModule = useModule$1(['pricelists']),
     packageId = _useModule.packageId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     selectedPackage = _useModule.selectedPackage;
   var _React$useState = React.useState(),
@@ -34152,13 +34249,8 @@ function TablePriceList () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(PackageSelector, {
-            organizationId: organizationId,
-            packageId: packageId,
-            setSelectedPackage: function setSelectedPackage(packageId) {
-              return updateNavigation(packageId);
-            },
-            enricherService: apiConfig.enricherService
+          children: /*#__PURE__*/jsx(PackageSelector$1, {
+            modules: ['pricelists']
           })
         })]
       })
@@ -34170,7 +34262,7 @@ function TablePriceList () {
       hooks: hooks
     })]
   });
-}
+});
 function IDMEnricherEditor (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -34241,35 +34333,8 @@ function Content$3() {
   });
 }
-function useNavigation () {
-  var root = useStore();
-  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 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 UploadButton (_ref) {
   var action = _ref.action,
     title = _ref.title,
@@ -34414,7 +34479,7 @@ function UploadButton (_ref) {
     }
   };
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(Upload$2, _objectSpread$9(_objectSpread$9({}, props), {}, {
+    children: /*#__PURE__*/jsx(Upload$2, _objectSpread$a(_objectSpread$a({}, props), {}, {
       children: progress !== 'SUCCESS' && /*#__PURE__*/jsx(Button$1, {
         icon: /*#__PURE__*/jsx(UploadOutlined$1, {}),
         disabled: disabled,
@@ -34573,17 +34638,129 @@ function OpenModalButton (_ref) {
   });
 }
-function TableCatalogs () {
+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; }
+// Type definition for the context state
+var useCatalogContext = function useCatalogContext() {
+  var currentModules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var root = useStore();
+  var _useParams = useParams(),
+    urlCatalogId = _useParams.catalogId;
+  var _useSearchParams = useSearchParams(),
+    _useSearchParams2 = _slicedToArray(_useSearchParams, 1),
+    searchParams = _useSearchParams2[0];
+  var navigate = useNavigate();
+  // Create default select state
+  var createDefaultSelectState = function createDefaultSelectState(stateKey) {
+    var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    return {
+      options: undefined,
+      loading: loading,
+      setOptions: function setOptions(options) {
+        var state = root.contextStore.getContext('catalog');
+        root.contextStore.updateContext('catalog', _defineProperty({}, stateKey, _objectSpread$9(_objectSpread$9({}, state[stateKey]), {}, {
+          options: options,
+          loading: false
+        })));
+      },
+      setLoading: function setLoading(loading) {
+        var state = root.contextStore.getContext('catalog');
+        root.contextStore.updateContext('catalog', _defineProperty({}, stateKey, _objectSpread$9(_objectSpread$9({}, state[stateKey]), {}, {
+          loading: loading
+        })));
+      }
+    };
+  };
+  // Initialize context if needed
+  var getContext = useCallback(function () {
+    var initialState = {
+      catalogId: urlCatalogId || '',
+      selectedCatalog: {
+        _id: urlCatalogId || ''
+      },
+      idmService: root.configurationStore.apiConfig.idmService,
+      organizationId: root.dataStore.organizationId || '',
+      catalogSelectorState: createDefaultSelectState('catalogSelectorState'),
+      seriesSelectorState: createDefaultSelectState('seriesSelectorState'),
+      featureSelectorState: createDefaultSelectState('featureSelectorState'),
+      selectedSerie: undefined,
+      selectedFeature: undefined
+    };
+    var state = root.contextStore.getContext('catalog', initialState);
+    return state;
+  }, [root.configurationStore.apiConfig.idmService, root.dataStore.organizationId, urlCatalogId]);
+  // Handler functions that will be returned
+  var setSelectedSerie = useCallback(function (serie) {
+    root.contextStore.updateContext('catalog', {
+      selectedSerie: serie
+    });
+  }, [root.contextStore]);
+  var setSelectedFeature = useCallback(function (feature) {
+    root.contextStore.updateContext('catalog', {
+      selectedFeature: feature
+    });
+  }, [root.contextStore]);
+  var setSelectedCatalog = useCallback(function (catalog) {
+    var modules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentModules;
+    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '../';
+    var reset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var newCatalog;
+    if (typeof catalog === 'string') {
+      newCatalog = {
+        _id: catalog
+      };
+    } else {
+      newCatalog = catalog;
+    }
+    if (reset) {
+      root.contextStore.clearContext('catalog');
+    }
+    // Only update if catalog changed
+    if (getContext().selectedCatalog._id !== newCatalog._id) {
+      root.contextStore.updateContext('catalog', {
+        selectedCatalog: newCatalog,
+        catalogId: newCatalog._id,
+        selectedSerie: undefined,
+        selectedFeature: undefined,
+        seriesSelectorState: createDefaultSelectState('seriesSelectorState'),
+        featureSelectorState: createDefaultSelectState('featureSelectorState')
+      });
+    }
+    // Update URL
+    navigate(path + newCatalog._id + (modules.length ? '/' + modules.join('/') : '') + (searchParams ? '?' + searchParams.toString() : ''));
+  }, [root.contextStore, getContext().selectedCatalog._id, navigate, currentModules, searchParams, createDefaultSelectState]);
+  // Sync with URL parameters
+  useEffect(function () {
+    if (urlCatalogId && urlCatalogId !== getContext().catalogId) {
+      setSelectedCatalog({
+        _id: urlCatalogId
+      });
+    }
+  }, [urlCatalogId, getContext().catalogId, setSelectedCatalog]);
+  // Return context + handlers
+  return _objectSpread$9(_objectSpread$9({}, getContext()), {}, {
+    setSelectedSerie: setSelectedSerie,
+    setSelectedFeature: setSelectedFeature,
+    setSelectedCatalog: setSelectedCatalog
+  });
+};
+var TableCatalogs = observer(function () {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
   var _useDivaCore = useDivaCore(),
     userHasPermission = _useDivaCore.actions.userHasPermission;
-  var _useNavigation = useNavigation(),
-    organizationId = _useNavigation.organizationId,
-    apiConfig = _useNavigation.apiConfig,
-    updateNavigation = _useNavigation.updateNavigation;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fileIsLoading = _React$useState2[0],
@@ -34597,6 +34774,10 @@ function TableCatalogs () {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     showApi2 = _React$useState6[0],
     setShowApi2 = _React$useState6[1];
+  var _useCatalogContext = useCatalogContext([]),
+    setSelectedCatalog = _useCatalogContext.setSelectedCatalog;
+  var organizationId = root.dataStore.organizationId;
+  var apiConfig = root.configurationStore.apiConfig;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -34627,7 +34808,7 @@ function TableCatalogs () {
       icon: /*#__PURE__*/jsx(EditOutlined, {}),
       action: function action(_ref) {
         var selectedNodes = _ref.selectedNodes;
-        updateNavigation(selectedNodes[0].data._id, ['series']);
+        setSelectedCatalog(selectedNodes[0].data._id, ['series'], './', true);
       }
     }, {
       icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
@@ -35300,23 +35481,22 @@ function TableCatalogs () {
       error: fileDownloadError
     })]
   });
-}
+});
-function CatalogSelector(_ref) {
-  var catalogId = _ref.catalogId,
-    setSelectedCatalog = _ref.setSelectedCatalog,
-    idmService = _ref.idmService,
-    organizationId = _ref.organizationId;
+var CatalogSelector = function CatalogSelector(_ref) {
+  var modules = _ref.modules;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var value = useMemo(function () {
-    return {
-      _id: catalogId
-    };
-  }, [catalogId]);
+  var _useCatalogContext = useCatalogContext(modules),
+    selectedCatalog = _useCatalogContext.selectedCatalog,
+    setSelectedCatalog = _useCatalogContext.setSelectedCatalog,
+    idmService = _useCatalogContext.idmService,
+    organizationId = _useCatalogContext.organizationId,
+    catalogSelectorState = _useCatalogContext.catalogSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: catalogSelectorState,
     apiInterface: {
-      read: idmService + "/v3.0/catalogs?fields=name;_id;isoLanguageIds&filter=organizationId==\"".concat(organizationId)
+      read: "".concat(idmService, "/v3.0/catalogs?fields=name;_id;isoLanguageIds&filter=organizationId==\"").concat(organizationId, "\"")
     },
     apiMapping: {
       type: 'query',
@@ -35330,7 +35510,7 @@ function CatalogSelector(_ref) {
       value: '${_id}'
     },
     title: t('backoffice.menu.items.label.IDMEditorTableCatalogs'),
-    value: value,
+    value: selectedCatalog,
     onChange: function onChange(value) {
       return setSelectedCatalog(value);
     },
@@ -35340,23 +35520,24 @@ function CatalogSelector(_ref) {
     },
     popupClassName: 'ag-custom-component-popup'
   });
-}
+};
+var CatalogSelector$1 = observer(CatalogSelector);
-function SeriesSelector(_ref) {
-  var catalogId = _ref.catalogId,
-    selectedSerie = _ref.selectedSerie,
-    setSelectedSerie = _ref.setSelectedSerie,
-    idmService = _ref.idmService,
-    additionalFields = _ref.additionalFields;
+var SeriesSelector = function SeriesSelector(_ref) {
+  var modules = _ref.modules;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  useEffect(function () {
-    setSelectedSerie(undefined);
-  }, [catalogId]);
+  var _useCatalogContext = useCatalogContext(modules),
+    catalogId = _useCatalogContext.catalogId,
+    idmService = _useCatalogContext.idmService,
+    selectedSerie = _useCatalogContext.selectedSerie,
+    setSelectedSerie = _useCatalogContext.setSelectedSerie,
+    seriesSelectorState = _useCatalogContext.seriesSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: seriesSelectorState,
     apiInterface: {
-      read: idmService + '/v3.0/catalogs/' + catalogId + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo").concat(additionalFields ? ";".concat(additionalFields.join(';')) : '')
+      read: idmService + '/v3.0/catalogs/' + catalogId + "/series?fields=seriesName[".concat(i18n.language.toLocaleUpperCase(), "];_id;serieNo;pricefeaturegroups;pricefeaturegroupsDisplayTexts;pricefeaturegroupsKeys;pricefeaturegroupsKeysDisplayTexts")
     },
     selectMapping: {
       label: "${seriesName.".concat(i18n.language.toLocaleUpperCase(), "}"),
@@ -35365,34 +35546,30 @@ function SeriesSelector(_ref) {
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMCatalogEditorTableSeries'),
     value: selectedSerie,
-    onChange: function onChange(value) {
-      return setSelectedSerie ? setSelectedSerie(value) : null;
-    },
+    onChange: setSelectedSerie,
     search: true,
     style: {
       width: 200
     },
     popupClassName: 'ag-custom-component-popup'
   }, catalogId);
-}
+};
+var SeriesSelector$1 = observer(SeriesSelector);
 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 _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedCatalog = _useState2[0],
-    setSelectedCatalog = _useState2[1];
+  var _useCatalogContext = useCatalogContext(currentModules),
+    organizationId = _useCatalogContext.organizationId,
+    selectedCatalog = _useCatalogContext.selectedCatalog,
+    catalogId = _useCatalogContext.catalogId,
+    selectedSerie = _useCatalogContext.selectedSerie,
+    selectedFeature = _useCatalogContext.selectedFeature;
   var menuItems = useMemo(function () {
     return [{
       key: 'series',
@@ -35507,11 +35684,6 @@ function useModule (currentModules) {
     }];
   }, [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;
-    setSelectedCatalog(currentCatalog);
-    updateNavigation(currentCatalog._id, modules, '../');
-  }, [updateNavigation]);
   useEffect(function () {
     root.contentStore.updateAdditionalElement('catalogs', menuItems, currentModules);
   }, [menuItems, location.pathname]);
@@ -35536,11 +35708,12 @@ function useModule (currentModules) {
     };
   }, [catalogId]);
   return {
-    updateNavigation: updateNavigationModule,
     organizationId: organizationId,
-    apiConfig: apiConfig,
+    apiConfig: root.configurationStore.apiConfig,
     selectedCatalog: selectedCatalog,
-    catalogId: catalogId
+    catalogId: catalogId,
+    selectedSerie: selectedSerie,
+    selectedFeature: selectedFeature
   };
 }
@@ -35808,19 +35981,14 @@ function Items$1(_ref) {
   }, selectedSerie);
 }
-function TableItems () {
+var TableItems = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['items']),
     selectedCatalog = _useModule.selectedCatalog,
-    catalogId = _useModule.catalogId,
-    updateNavigation = _useModule.updateNavigation,
+    selectedSerie = _useModule.selectedSerie,
     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];
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -35828,18 +35996,10 @@ function TableItems () {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService
-          }), /*#__PURE__*/jsx(SeriesSelector, {
-            catalogId: catalogId,
-            selectedSerie: selectedSerie,
-            setSelectedSerie: setSelectedSerie,
-            idmService: apiConfig.idmService
+          children: [/*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['items']
+          }), /*#__PURE__*/jsx(SeriesSelector$1, {
+            modules: ['items']
           })]
         })]
       })
@@ -35850,9 +36010,9 @@ function TableItems () {
       apiConfig: apiConfig
     })]
   });
-}
+});
-function TableSeries () {
+var TableSeries = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -35860,7 +36020,6 @@ function TableSeries () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -36030,13 +36189,8 @@ function TableSeries () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
-            },
-            idmService: apiConfig.idmService
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['series']
           })
         })]
       })
@@ -36047,7 +36201,7 @@ function TableSeries () {
       configuration: configuration
     })]
   });
-}
+});
 function Options(_ref) {
   var organizationId = _ref.organizationId,
@@ -36318,15 +36472,13 @@ function Features(_ref) {
   }, featureClassId ? featureClassId : 'features');
 }
-function TableFeatures () {
+var TableFeatures = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['features']),
     selectedCatalog = _useModule.selectedCatalog,
-    catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -36376,13 +36528,8 @@ function TableFeatures () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['features']
           })
         })]
       })
@@ -36393,20 +36540,21 @@ function TableFeatures () {
       hooks: hooks
     })]
   });
-}
+});
-function FeatureSelector(_ref) {
-  var catalogId = _ref.catalogId,
-    selectedFeature = _ref.selectedFeature,
-    setSelectedFeature = _ref.setSelectedFeature,
-    idmService = _ref.idmService;
+var FeatureSelector = function FeatureSelector(_ref) {
+  var modules = _ref.modules;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  useEffect(function () {
-    setSelectedFeature(undefined);
-  }, [catalogId]);
+  var _useCatalogContext = useCatalogContext(modules),
+    catalogId = _useCatalogContext.catalogId,
+    idmService = _useCatalogContext.idmService,
+    selectedFeature = _useCatalogContext.selectedFeature,
+    setSelectedFeature = _useCatalogContext.setSelectedFeature,
+    featureSelectorState = _useCatalogContext.featureSelectorState;
   return /*#__PURE__*/jsx(SimpleSelect, {
+    sharedState: featureSelectorState,
     apiInterface: {
       read: idmService + '/v3.0/catalogs/' + catalogId + "/features?fields=featureText[".concat(i18n.language.toLocaleUpperCase(), "];featureNo;_id")
     },
@@ -36417,30 +36565,24 @@ function FeatureSelector(_ref) {
     autoSelectFirst: true,
     title: t('backoffice.menu.items.label.IDMCatalogEditorTableFeatures'),
     value: selectedFeature,
-    onChange: function onChange(value) {
-      return setSelectedFeature ? setSelectedFeature(value) : null;
-    },
+    onChange: setSelectedFeature,
     search: true,
     style: {
       width: 200
     },
     popupClassName: 'ag-custom-component-popup'
   }, catalogId);
-}
+};
+var FeatureSelector$1 = observer(FeatureSelector);
-function TableOptions () {
+var TableOptions = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['options']),
     selectedCatalog = _useModule.selectedCatalog,
-    catalogId = _useModule.catalogId,
-    updateNavigation = _useModule.updateNavigation,
+    selectedFeature = _useModule.selectedFeature,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedFeature = _React$useState2[0],
-    setSelectedFeature = _React$useState2[1];
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Descriptions$1, {
       title: /*#__PURE__*/jsxs("div", {
@@ -36448,18 +36590,10 @@ function TableOptions () {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService
-          }), /*#__PURE__*/jsx(FeatureSelector, {
-            catalogId: catalogId,
-            selectedFeature: selectedFeature,
-            setSelectedFeature: setSelectedFeature,
-            idmService: apiConfig.idmService
+          children: [/*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['options']
+          }), /*#__PURE__*/jsx(FeatureSelector$1, {
+            modules: ['options']
           })]
         })]
       })
@@ -36470,9 +36604,9 @@ function TableOptions () {
       apiConfig: apiConfig
     })]
   });
-}
+});
-function TableFeatureClasses () {
+var TableFeatureClasses = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -36480,7 +36614,6 @@ function TableFeatureClasses () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -36599,13 +36732,8 @@ function TableFeatureClasses () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService,
-            organizationId: organizationId
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['featureclasses']
           })
         })]
       })
@@ -36616,7 +36744,7 @@ function TableFeatureClasses () {
       configuration: configuration
     })]
   });
-}
+});
 var container$2 = "container-wGptw";
 var scrollableContent = "scrollable-content-zRBJy";
@@ -37274,7 +37402,7 @@ function OptionCombinations(_ref) {
   }, decision._id);
 }
-function TableDecisions () {
+var TableDecisions = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -37283,7 +37411,6 @@ function TableDecisions () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -37479,13 +37606,8 @@ function TableDecisions () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService,
-            organizationId: organizationId
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['decisions']
           })
         })]
       })
@@ -37497,9 +37619,9 @@ function TableDecisions () {
       configuration: configuration
     })]
   });
-}
+});
-function TableDetailInfos () {
+var TableDetailInfos = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
@@ -37507,7 +37629,6 @@ function TableDetailInfos () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var applicationData = useMemo(function () {
     return {
@@ -37630,13 +37751,8 @@ function TableDetailInfos () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['detailinfos']
           })
         })]
       })
@@ -37646,7 +37762,7 @@ function TableDetailInfos () {
       configuration: configuration
     })]
   });
-}
+});
 function PartlistPos(_ref) {
   var organizationId = _ref.organizationId,
@@ -37853,14 +37969,13 @@ function PartlistPos(_ref) {
   }, partlistId);
 }
-function TablePartlists () {
+var TablePartlists = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
   var _useModule = useModule(['partlists']),
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
   var _React$useState = React.useState(),
@@ -37978,13 +38093,8 @@ function TablePartlists () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService,
-            organizationId: organizationId
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['partlists']
           })
         })]
       })
@@ -37995,7 +38105,7 @@ function TablePartlists () {
       configuration: configuration
     })]
   });
-}
+});
 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; }
@@ -38367,7 +38477,7 @@ function PriceFeatureGroupFinishes(_ref) {
 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 TablePriceFeatureGroups () {
+var TablePriceFeatureGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -38376,7 +38486,6 @@ function TablePriceFeatureGroups () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -38553,13 +38662,8 @@ function TablePriceFeatureGroups () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              return updateNavigation(catalog);
-            },
-            idmService: apiConfig.idmService,
-            organizationId: organizationId
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['pricefeaturegroups']
           })
         })]
       })
@@ -38571,21 +38675,17 @@ function TablePriceFeatureGroups () {
       configuration: configuration
     })]
   });
-}
+});
-function TablePrices () {
+var TablePrices = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useModule = useModule(['prices']),
     selectedCatalog = _useModule.selectedCatalog,
+    selectedSerie = _useModule.selectedSerie,
     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 applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -38683,20 +38783,10 @@ function TablePrices () {
           style: {
             "float": 'right'
           },
-          children: [/*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(catalog) {
-              updateNavigation(catalog);
-              setSelectedSerie(undefined);
-            },
-            idmService: apiConfig.idmService
-          }), /*#__PURE__*/jsx(SeriesSelector, {
-            catalogId: catalogId,
-            selectedSerie: selectedSerie,
-            setSelectedSerie: setSelectedSerie,
-            idmService: apiConfig.idmService,
-            additionalFields: ['pricefeaturegroups', 'pricefeaturegroupsDisplayTexts', 'pricefeaturegroupsKeys', 'pricefeaturegroupsKeysDisplayTexts']
+          children: [/*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['prices']
+          }), /*#__PURE__*/jsx(SeriesSelector$1, {
+            modules: ['prices']
           })]
         })]
       })
@@ -38706,7 +38796,7 @@ function TablePrices () {
       configuration: configuration
     })]
   });
-}
+});
 function Items(_ref) {
   var organizationId = _ref.organizationId,
@@ -38769,7 +38859,7 @@ function Items(_ref) {
   }, selectedOptionGroup);
 }
-function TableOptionGroups () {
+var TableOptionGroups = observer(function () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var root = useStore();
@@ -38777,7 +38867,6 @@ function TableOptionGroups () {
     selectedCatalog = _useModule.selectedCatalog,
     catalogId = _useModule.catalogId,
     organizationId = _useModule.organizationId,
-    updateNavigation = _useModule.updateNavigation,
     apiConfig = _useModule.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -38871,13 +38960,8 @@ function TableOptionGroups () {
           style: {
             "float": 'right'
           },
-          children: /*#__PURE__*/jsx(CatalogSelector, {
-            organizationId: organizationId,
-            catalogId: catalogId,
-            setSelectedCatalog: function setSelectedCatalog(id) {
-              return updateNavigation(id);
-            },
-            idmService: apiConfig.idmService
+          children: /*#__PURE__*/jsx(CatalogSelector$1, {
+            modules: ['optiongroups']
           })
         })]
       })
@@ -38888,7 +38972,7 @@ function TableOptionGroups () {
       configuration: configuration
     })]
   });
-}
+});
 function IDMCatalogEditor (_ref) {
   _objectDestructuringEmpty(_ref);
@@ -38905,7 +38989,6 @@ function Content$2() {
   return /*#__PURE__*/jsxs(Routes, {
     children: [/*#__PURE__*/jsx(Route, {
       index: true,
-      path: "",
       element: /*#__PURE__*/jsx(TableCatalogs, {})
     }), /*#__PURE__*/jsx(Route, {
       path: ":catalogId/series",
@@ -39035,9 +39118,6 @@ function TableCollections () {
   var root = useStore();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useNavigation = useNavigation$1(),
-    organizationId = _useNavigation.organizationId,
-    apiConfig = _useNavigation.apiConfig;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedCollection = _React$useState2[0],
@@ -39046,6 +39126,8 @@ function TableCollections () {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
+  var organizationId = root.dataStore.organizationId;
+  var apiConfig = root.configurationStore.apiConfig;
   useEffect(function () {
     if (selectedCollection) {
       root.contentStore.bottomToolBar.tools = [{