@crystaldesign/diva-backoffice 24.9.0-beta.2 → 24.9.0-beta.21

package/build/esm/index.js

@@ -71,7 +71,7 @@ import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import JSONEditor from 'jsoneditor';
 import 'jsoneditor/dist/jsoneditor.css';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, PushpinOutlined, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
+import { MinusCircleOutlined, PlusOutlined, DownloadOutlined as DownloadOutlined$1, PlusSquareOutlined, DeleteOutlined as DeleteOutlined$1, FullscreenOutlined, FileUnknownOutlined, CloseOutlined as CloseOutlined$1, PlusCircleOutlined as PlusCircleOutlined$1, HomeOutlined as HomeOutlined$1, InboxOutlined, PushpinOutlined, PushpinFilled, ReloadOutlined as ReloadOutlined$1 } from '@ant-design/icons';
 import { Editor } from '@tinymce/tinymce-react';
 import { stringify } from 'csv';
 import InfiniteScroll from 'react-infinite-scroll-component';
@@ -113,6 +113,7 @@ import Descriptions$1 from 'antd/es/descriptions';
 import Space$1 from 'antd/es/space';
 import { Spreadsheet } from '@crystaldesign/spreadsheet';
 import EditOutlined from '@ant-design/icons/lib/icons/EditOutlined';
+import UploadOutlined$1 from '@ant-design/icons/lib/icons/UploadOutlined';
 import Switch$1 from 'antd/es/switch';
 import Layout$1 from 'antd/es/layout';
 import Menu from 'antd/es/menu';
@@ -135,8 +136,8 @@ import Select$2 from 'react-select';
 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$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$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$b = getLogger('Backoffice', 'AplyMapping');
 function aplyMapping (_ref) {
   var mapable = _ref.mapable,
@@ -157,10 +158,10 @@ function aplyMapping (_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$K(_objectSpread$K({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$J(_objectSpread$J({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$K(_objectSpread$K({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$J(_objectSpread$J({}, startValue), newValue);
         return getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = getTarget(0, key.split('.'), returnValue, value);
@@ -441,8 +442,8 @@ function getLeafColumns(columns) {
   });
 }
 
-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$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$a = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$d = /*#__PURE__*/function () {
@@ -621,7 +622,7 @@ var _default$d = /*#__PURE__*/function () {
               _context2.next = 20;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$J(_objectSpread$J({}, jwt ? {
+                headers: _objectSpread$I(_objectSpread$I({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -714,7 +715,7 @@ var _default$d = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$J({}, data);
+                if (data) createData = _objectSpread$I({}, data);
               } else if (data !== undefined) {
                 createData = aplyMapping({
                   mapable: data,
@@ -857,7 +858,7 @@ var _default$d = /*#__PURE__*/function () {
               _context6.next = 7;
               return fetch((_url = url) === null || _url === void 0 ? void 0 : _url.toString(), {
                 method: isApi2 ? 'POST' : 'DELETE',
-                headers: _objectSpread$J({}, jwt ? {
+                headers: _objectSpread$I({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {})
               }).then( /*#__PURE__*/function () {
@@ -975,7 +976,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$J(_objectSpread$J({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$I(_objectSpread$I({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -995,7 +996,7 @@ var _default$d = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$J(_objectSpread$J({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$I(_objectSpread$I({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1019,7 +1020,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$J(_objectSpread$J({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$I(_objectSpread$I({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1225,8 +1226,8 @@ var _default$c = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-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$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 _callSuper$6(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$6() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$6() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$6 = function _isNativeReflectConstruct() { return !!t; })(); }
 var _default$b = /*#__PURE__*/function (_ApiHandler) {
@@ -1325,7 +1326,7 @@ var _default$b = /*#__PURE__*/function (_ApiHandler) {
               _context2.next = 5;
               return fetch(this._createUrl + '?ref=true', {
                 method: this._createMethod,
-                headers: _objectSpread$I({}, jwt ? {
+                headers: _objectSpread$H({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}),
                 body: data
@@ -1701,8 +1702,8 @@ var _default$8 = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-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$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; }
 var _default$7 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -1738,7 +1739,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$H(_objectSpread$H({}, config), {}, {
+        config = _objectSpread$G(_objectSpread$G({}, config), {}, {
           items: filteredItems
         });
       }
@@ -11149,8 +11150,8 @@ function getIcon(icon) {
   return undefined;
 }
 
-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$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 _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -11272,7 +11273,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$G(_objectSpread$G({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$F(_objectSpread$F({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -11321,7 +11322,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$G(_objectSpread$G({}, this.menuElement1), {}, {
+      this._menuElement1 = _objectSpread$F(_objectSpread$F({}, this.menuElement1), {}, {
         selected: this._selectedMenuKeys[0]
       });
       var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -11564,7 +11565,7 @@ var _default$6 = /*#__PURE__*/function () {
       return items.filter(function (item) {
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$G(_objectSpread$G({}, item), {}, {
+        return _objectSpread$F(_objectSpread$F({}, item), {}, {
           items: item.items ? _this4.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this4.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -12828,8 +12829,8 @@ function removeEmpty(data) {
   return undefined;
 }
 
-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$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 _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; }
@@ -12926,7 +12927,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: onLoadFields(_objectSpread$F({}, dt)),
+        loadedData: onLoadFields(_objectSpread$E({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData, selectedItemsIndex]),
@@ -12963,7 +12964,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState14[1];
   useEffect(function () {
     var _loadedData$_id2;
-    setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
+    setState(_objectSpread$E(_objectSpread$E({}, 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),
@@ -13058,7 +13059,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            newData = _objectSpread$F({}, state.data);
+            newData = _objectSpread$E({}, state.data);
             Object.keys(values).forEach(function (k) {
               var _values$k$value, _values$k;
               return newData[k] = (_values$k$value = (_values$k = values[k]) === null || _values$k === void 0 ? void 0 : _values$k.value) !== null && _values$k$value !== void 0 ? _values$k$value : values[k];
@@ -13070,12 +13071,12 @@ function useFormData (_ref) {
             return _context2.abrupt("return", newData);
           case 4:
             _context2.next = 6;
-            return setDynamicFields(_objectSpread$F({}, state.data), newData);
+            return setDynamicFields(_objectSpread$E({}, state.data), newData);
           case 6:
             newData = _context2.sent;
-            newData = onSaveFields(_objectSpread$F({}, state.data), newData);
+            newData = onSaveFields(_objectSpread$E({}, state.data), newData);
             newData = removeEmpty(newData);
-            setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
+            setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -13124,13 +13125,13 @@ function useFormData (_ref) {
               _context2.next = 38;
               break;
             }
-            setFieldErrors(_objectSpread$F(_objectSpread$F({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$E(_objectSpread$E({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
           case 38:
             throw _context2.t0;
           case 39:
             _context2.prev = 39;
-            setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
+            setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -13160,7 +13161,7 @@ function useFormData (_ref) {
   }
   var updateHiddenRequiredDisabled = function updateHiddenRequiredDisabled(data, changedFields) {
     if (!(selectedItems !== null && selectedItems !== void 0 && selectedItems.length)) return;
-    var wholeData = Object.assign(_objectSpread$F({}, state.data), _objectSpread$F({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
+    var wholeData = Object.assign(_objectSpread$E({}, state.data), _objectSpread$E({}, changedFields !== null && changedFields !== void 0 ? changedFields : data));
     var newState = getHiddenRequredDisabled(wholeData, selectedItems);
     if (JSON.stringify(newState) !== JSON.stringify(hiddenRequiredDisabled)) {
       setHiddenRequiredDisabled(newState);
@@ -13173,12 +13174,12 @@ function useFormData (_ref) {
     }
   };
   var onInputChanged = function onInputChanged(id, value, d) {
-    var data = d !== null && d !== void 0 ? d : Object.assign(_objectSpread$F({}, state.data), _objectSpread$F({}, state.form.getFieldsValue()));
+    var data = d !== null && d !== void 0 ? d : Object.assign(_objectSpread$E({}, state.data), _objectSpread$E({}, state.form.getFieldsValue()));
     setFieldInObject(id, data, value);
-    var newFieldErrors = _objectSpread$F({}, fieldErrors);
+    var newFieldErrors = _objectSpread$E({}, fieldErrors);
     delete newFieldErrors[id.toString()];
     setFieldErrors(newFieldErrors);
-    setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
+    setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
       data: data
     }));
     return data;
@@ -13204,12 +13205,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$F(_objectSpread$F({}, state), {}, {
+          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
-            data: _objectSpread$F(_objectSpread$F({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+            data: _objectSpread$E(_objectSpread$E({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13219,12 +13220,12 @@ function useFormData (_ref) {
       var val = _ref6.value;
       if (value === val) {
         if (configuration.itemSelectorReset) {
-          setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
+          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
             data: _defineProperty({}, name, val)
           }));
         } else {
-          setState(_objectSpread$F(_objectSpread$F({}, state), {}, {
-            data: _objectSpread$F(_objectSpread$F({}, state.data), {}, _defineProperty({}, name, val))
+          setState(_objectSpread$E(_objectSpread$E({}, state), {}, {
+            data: _objectSpread$E(_objectSpread$E({}, state.data), {}, _defineProperty({}, name, val))
           }));
         }
         setSelectedItemsIndex(idx);
@@ -13338,7 +13339,7 @@ function useFormData (_ref) {
     }));
     return _setDynamicFields.apply(this, arguments);
   }
-  return _objectSpread$F(_objectSpread$F({}, state), {}, {
+  return _objectSpread$E(_objectSpread$E({}, state), {}, {
     setUsedPreset: setUsedPreset,
     configuration: configuration,
     changedFields: changedFields,
@@ -13423,8 +13424,8 @@ function getCombinedValues(data, pattern) {
 function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
 function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -13605,7 +13606,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.searchField.reduce(function (filter, field) {
-                return _objectSpread$E(_objectSpread$E({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$D(_objectSpread$D({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -13893,8 +13894,8 @@ var Select = observer(SelectWrapper$1, {
   forwardRef: true
 });
 
-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$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 _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; }
@@ -13944,13 +13945,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$D(_objectSpread$D({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$C(_objectSpread$C({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$D(_objectSpread$D({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$C(_objectSpread$C({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -14146,12 +14147,12 @@ var ApiKey = function ApiKey(_ref) {
       value: _value,
       placeholder: placeholder,
       style: {
-        width: '90%'
+        width: '85%'
       }
     }), /*#__PURE__*/jsx(Button, {
       onClick: generateApiKey,
       style: {
-        width: '10%'
+        width: '15%'
       },
       children: t('backoffice.apikey.generate')
     })]
@@ -14333,8 +14334,8 @@ var buttonGroup = "button-group-GYt-T";
 var css_248z$k = ".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$k);
 
-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$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 SubTitle = function SubTitle(_ref) {
   var _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -14343,7 +14344,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$C({}, item.style),
+    style: _objectSpread$B({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$3,
       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) {
@@ -15011,8 +15012,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$d);
 
-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$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; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -15181,7 +15182,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$B(_objectSpread$B({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$A(_objectSpread$A({}, _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) {
@@ -15526,9 +15527,9 @@ function parseReturnData(options, selectMapping) {
   return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? options.value : options.data;
 }
 
-var _excluded$2 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options"];
-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 _excluded$3 = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options"];
+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; }
 var SelectWrapper = function SelectWrapper(_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -15537,7 +15538,7 @@ var SelectWrapper = function SelectWrapper(_ref) {
     value = _ref.value,
     search = _ref.search,
     options = _ref.options,
-    selectProps = _objectWithoutProperties(_ref, _excluded$2);
+    selectProps = _objectWithoutProperties(_ref, _excluded$3);
   var state = useSelectSimpleData({
     apiInterface: apiInterface,
     selectMapping: selectMapping,
@@ -15547,7 +15548,7 @@ var SelectWrapper = function SelectWrapper(_ref) {
     type: 'SelectSimple',
     options: options
   });
-  return /*#__PURE__*/jsx(Select$1, _objectSpread$A(_objectSpread$A({}, selectProps), {}, {
+  return /*#__PURE__*/jsx(Select$1, _objectSpread$z(_objectSpread$z({}, selectProps), {}, {
     showSearch: search,
     loading: state.loading,
     options: state.options,
@@ -15593,8 +15594,8 @@ var RichTextEditor = function RichTextEditor(_ref) {
 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; }
-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$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$7 = getLogger('Backoffice', 'Form');
 var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var _state$selectedItems2;
@@ -15710,7 +15711,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     };
   }();
   var updateFormData = function updateFormData(data) {
-    form.setFieldsValue(_objectSpread$z(_objectSpread$z({}, state.data), data));
+    form.setFieldsValue(_objectSpread$y(_objectSpread$y({}, state.data), data));
   };
   var onErrorInternal = function onErrorInternal(err, errorText) {
     if (err instanceof DivaError && err.name) {
@@ -15801,7 +15802,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           }
         }, state.selectedItemsIndex);
       case 'selectSimple':
-        return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$z(_objectSpread$z({}, item), {}, {
+        return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$y(_objectSpread$y({}, item), {}, {
           disabled: disabled,
           onChange: function onChange(value) {
             _onChange(name, value);
@@ -15972,7 +15973,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
           value: item.value,
           options: item.options.map(function (o) {
             var _o$disabled;
-            return _objectSpread$z(_objectSpread$z({}, o), {}, {
+            return _objectSpread$y(_objectSpread$y({}, o), {}, {
               disabled: (_o$disabled = o.disabled) === null || _o$disabled === void 0 ? void 0 : _o$disabled.call(o, data)
             });
           }),
@@ -16129,7 +16130,7 @@ var Form = observer(FormWrapper$1, {
 function DisplayInput(props) {
   var _useTranslation2 = useTranslation$1(),
     t = _useTranslation2.t;
-  return /*#__PURE__*/jsx(Input, _objectSpread$z(_objectSpread$z({}, props), {}, {
+  return /*#__PURE__*/jsx(Input, _objectSpread$y(_objectSpread$y({}, props), {}, {
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
   }));
@@ -16147,8 +16148,8 @@ function isReadonly(item, data) {
   return false;
 }
 
-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$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$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; }
@@ -16350,7 +16351,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$y(_objectSpread$y({}, r), {}, {
+                var newValue = _objectSpread$x(_objectSpread$x({}, r), {}, {
                   selected: true
                 });
                 //add it to the new list as selected role
@@ -16386,7 +16387,7 @@ function useRoleSelectorData (_ref) {
                   }
                 }
               } else {
-                var _newValue = _objectSpread$y(_objectSpread$y({}, r), {}, {
+                var _newValue = _objectSpread$x(_objectSpread$x({}, r), {}, {
                   selected: false
                 });
                 //add it to the new list as unselected role
@@ -16590,7 +16591,7 @@ function _updateRoles() {
                   userRole = userRoles.find(function (r) {
                     return r._id == role._id;
                   });
-                  newRole = _objectSpread$y({}, role);
+                  newRole = _objectSpread$x({}, role);
                   if (userRole) {
                     newRole.selected = true;
                     newRole.inherited = userRole.inherited;
@@ -16810,7 +16811,7 @@ function _fetchOptions() {
         case 4:
           result = _context11.sent;
           options = result.data.map(function (d) {
-            return _objectSpread$y(_objectSpread$y({}, d), {}, {
+            return _objectSpread$x(_objectSpread$x({}, d), {}, {
               label: d.displayName,
               value: d._id,
               isLeaf: !d.hasChildren
@@ -16914,8 +16915,8 @@ var parent = "parent-NZJ3S";
 var css_248z$i = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  height: 100%;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: auto;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.parent-scroll-GmaL9 .ant-spin-container {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component__outerdiv {\n  height: 100%;\n}\n.parent-scroll-GmaL9 .infinite-scroll-component {\n  height: 100% !important;\n}\n";
 styleInject(css_248z$i);
 
-function ownKeys$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$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 _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; }
@@ -16975,8 +16976,8 @@ function _generateCSV() {
             break;
           }
           _context2.next = 21;
-          return generateCSV(_objectSpread$x(_objectSpread$x({}, exportParams.children), {}, {
-            mappingData: _objectSpread$x(_objectSpread$x({}, parent), {}, {
+          return generateCSV(_objectSpread$w(_objectSpread$w({}, exportParams.children), {}, {
+            mappingData: _objectSpread$w(_objectSpread$w({}, parent), {}, {
               parentId: exportParams.mappingData._id
             })
           }), csvData);
@@ -17038,8 +17039,8 @@ var generateCSVData = /*#__PURE__*/function () {
   };
 }();
 
-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$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$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; }
@@ -17458,7 +17459,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$w(_objectSpread$w({}, activeItem), {}, {
+                getSplittedItems(_objectSpread$v(_objectSpread$v({}, activeItem), {}, {
                   userId: data === null || data === void 0 ? void 0 : data._id
                 }));
                 ret = true;
@@ -17663,8 +17664,8 @@ function useRelationSelectorData (_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$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 _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; }
@@ -17797,7 +17798,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 19;
-            return apiInterface.update(_objectSpread$v(_objectSpread$v({}, data), {}, {
+            return apiInterface.update(_objectSpread$u(_objectSpread$u({}, data), {}, {
               state: toSwitch
             }), data);
           case 19:
@@ -17954,14 +17955,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$v(_objectSpread$v({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$u(_objectSpread$u({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$v({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$u({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -17976,7 +17977,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$v({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$u({}, 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; } } }; }
@@ -18114,8 +18115,8 @@ var itemDesc = "item-desc-DBiiF";
 var css_248z$h = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
 styleInject(css_248z$h);
 
-function ownKeys$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$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; }
 var DropDown = function DropDown(_ref) {
   var _curItem$data$length;
   var split = _ref.split,
@@ -18147,7 +18148,7 @@ var DropDown = function DropDown(_ref) {
   });
   return /*#__PURE__*/jsx(Collapse, {
     onChange: function onChange() {
-      return getSplittedItems(_objectSpread$u(_objectSpread$u({}, item.item), {}, {
+      return getSplittedItems(_objectSpread$t(_objectSpread$t({}, item.item), {}, {
         parentId: item.parentId
       }), 0);
     },
@@ -18407,8 +18408,8 @@ var RelationSelector$1 = observer(RelationSelector, {
   forwardRef: true
 });
 
-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$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 useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -18488,7 +18489,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$t(_objectSpread$t({}, s), {}, {
+                return _objectSpread$s(_objectSpread$s({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -18627,8 +18628,8 @@ var FormList$1 = observer(FormList, {
   forwardRef: true
 });
 
-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$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 LOG$6 = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -18725,7 +18726,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$s(_objectSpread$s({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
+                  return _objectSpread$r(_objectSpread$r({}, filter), {}, _defineProperty({}, field.field, [value, field.filter, true]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -19038,8 +19039,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
 
-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$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 useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -19082,7 +19083,7 @@ function useListData (_ref) {
           case 3:
             result = _context.sent;
             setListData(result.data.map(parseField));
-            initData = _objectSpread$r({}, data);
+            initData = _objectSpread$q({}, data);
             setUpdatedObject(initData);
             setLoading(false);
           case 8:
@@ -19123,7 +19124,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$r(_objectSpread$r({}, field), {}, {
+      item.itemUpdate = _objectSpread$q(_objectSpread$q({}, field), {}, {
         value: dataEntry[parsedField[parsedField.length - 1]]
       });
     });
@@ -19154,16 +19155,16 @@ function useListData (_ref) {
       console.error('field with more than 2 parts not allowed');
       return;
     }
-    var updObj = _objectSpread$r({}, updatedObject);
+    var updObj = _objectSpread$q({}, updatedObject);
     if (fields.length === 1) {
-      updObj = _objectSpread$r(_objectSpread$r({}, updObj), {}, _defineProperty({}, fields[0], value));
+      updObj = _objectSpread$q(_objectSpread$q({}, 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$r(_objectSpread$r({}, updatedField), {}, _defineProperty({}, fields[1], value));
-        updObj = _objectSpread$r(_objectSpread$r({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
+        var updatedFieldCopy = _objectSpread$q(_objectSpread$q({}, updatedField), {}, _defineProperty({}, fields[1], value));
+        updObj = _objectSpread$q(_objectSpread$q({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
           return v.id === item.id.trim() ? updatedFieldCopy : v;
         })));
       }
@@ -19172,11 +19173,11 @@ function useListData (_ref) {
     var acItems = listData;
     for (var i = 0; i < acItems.length; i++) {
       if (i == index) {
-        acItems[i].itemUpdate = _objectSpread$r(_objectSpread$r({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$q(_objectSpread$q({}, acItems[i].itemUpdate), {}, {
           value: value
         });
       } else if (!acItems[i].itemUpdate.multiselect) {
-        acItems[i].itemUpdate = _objectSpread$r(_objectSpread$r({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$q(_objectSpread$q({}, acItems[i].itemUpdate), {}, {
           value: !value
         });
       }
@@ -19694,8 +19695,8 @@ function calcNaturalCanvasSize(image, crop) {
   };
 }
 
-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$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 ImageCropper = function ImageCropper(_ref, ref) {
   var id = _ref.id,
     data = _ref.data,
@@ -19803,12 +19804,12 @@ var ImageCropper = function ImageCropper(_ref, ref) {
   }
   function onEnter(e) {
     if (e.key != 'Enter') return;
-    setCrop(_objectSpread$q(_objectSpread$q({}, crop), {}, {
+    setCrop(_objectSpread$p(_objectSpread$p({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
     }));
-    setCompletedCrop(_objectSpread$q(_objectSpread$q({}, crop), {}, {
+    setCompletedCrop(_objectSpread$p(_objectSpread$p({}, crop), {}, {
       unit: 'px',
       width: Number(widthInputElement.current.value),
       height: Number(heightInputElement.current.value)
@@ -19888,8 +19889,8 @@ var ImageCropper$1 = observer(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$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$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 useDescriptions (_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -19982,7 +19983,7 @@ function _getDisplayData() {
     return _regeneratorRuntime.wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          displayData = _objectSpread$p({}, data);
+          displayData = _objectSpread$o({}, data);
           _iterator = _createForOfIteratorHelper$9(items);
           _context4.prev = 2;
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
@@ -20258,8 +20259,8 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
 };
 var FileUploadBeta = observer(FileUploadWrapper);
 
-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$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 useGridData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -20302,11 +20303,11 @@ function useGridData (_ref) {
 function reducer(state, action) {
   switch (action.type) {
     case 'update':
-      return _objectSpread$o(_objectSpread$o({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$o(_objectSpread$o({}, action.data), {}, {
+      return _objectSpread$n(_objectSpread$n({}, state), {}, _defineProperty({}, action.data.divaNr, _objectSpread$n(_objectSpread$n({}, action.data), {}, {
         buffer: Buffer.from(action.data.buffer)
       })));
     case 'delete':
-      var newState = _objectSpread$o({}, state);
+      var newState = _objectSpread$n({}, state);
       delete newState[action.data.divaNr];
       return newState;
     default:
@@ -20391,8 +20392,8 @@ var Grid = function Grid(_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$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 useMediaUpload = function useMediaUpload(_ref) {
   var id = _ref.id;
   var root = useStore();
@@ -20511,7 +20512,7 @@ var useMediaUpload = function useMediaUpload(_ref) {
     onRemove: onRemove,
     customRequest: customRequest,
     fileList: fileList.map(function (f) {
-      return _objectSpread$n(_objectSpread$n({}, f), {}, {
+      return _objectSpread$m(_objectSpread$m({}, f), {}, {
         url: f.url
       });
     }),
@@ -21226,15 +21227,15 @@ function IconCell (_ref) {
   }
 }
 
-var _excluded$1 = ["index"],
+var _excluded$2 = ["index"],
   _excluded2 = ["children", "dataIndex", "record", "handleSave", "column"];
-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$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 LOG$4 = getLogger('Backoffice', 'CellRenderer');
 var EditableContext = /*#__PURE__*/React.createContext(null);
 var CustomRow = function CustomRow(_ref) {
   _ref.index;
-    var props = _objectWithoutProperties(_ref, _excluded$1);
+    var props = _objectWithoutProperties(_ref, _excluded$2);
   var _Form$useForm = Form$1.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -21243,7 +21244,7 @@ var CustomRow = function CustomRow(_ref) {
     component: false,
     children: /*#__PURE__*/jsx(EditableContext.Provider, {
       value: form,
-      children: /*#__PURE__*/jsx("tr", _objectSpread$m({}, props))
+      children: /*#__PURE__*/jsx("tr", _objectSpread$l({}, props))
     })
   });
 };
@@ -21296,7 +21297,7 @@ var CustomCell = function CustomCell(_ref2) {
   if ((record === null || record === void 0 ? void 0 : record.ItemField) == 'LongDescription') {
     longDescriptionType = 'text';
   }
-  var modifiedColumn = _objectSpread$m(_objectSpread$m({}, column), {}, {
+  var modifiedColumn = _objectSpread$l(_objectSpread$l({}, column), {}, {
     type: longDescriptionType || (column === null || column === void 0 ? void 0 : column.type)
   });
   if (column) {
@@ -21309,34 +21310,34 @@ var CustomCell = function CustomCell(_ref2) {
     };
     switch (modifiedColumn.type) {
       case 'boolean':
-        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(BooleanCell, _objectSpread$l({}, cellProps));
         break;
       case 'text':
-        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(TextCell, _objectSpread$l({}, cellProps));
         break;
       case 'select':
-        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(DropdownCell, _objectSpread$l({}, cellProps));
       case 'media':
-        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaViewerCell, _objectSpread$l({}, cellProps));
         break;
       case 'mediaItem':
-        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(MediaItemViewerCell, _objectSpread$l({}, cellProps));
         break;
       case 'unixTimeStamp':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCell, _objectSpread$l({}, cellProps));
         break;
       case 'unixTimeStampCheck':
-        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(UnixTimeStampCheckCell, _objectSpread$l({}, cellProps));
         break;
       case 'icon':
-        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(IconCell, _objectSpread$l({}, cellProps));
         break;
       default:
-        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$m({}, cellProps));
+        childNode = /*#__PURE__*/jsx(StringCell, _objectSpread$l({}, cellProps));
         break;
     }
   }
-  return /*#__PURE__*/jsx("td", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
+  return /*#__PURE__*/jsx("td", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
     children: childNode
   }));
 };
@@ -21674,6 +21675,7 @@ var SMChart = function SMChart(props) {
   var hasPermission = userHasPermission(props.permission);
   var darkmode = root.contentStore.theme === 'darkmode';
   return hasPermission ? /*#__PURE__*/jsx(Histogram, {
+    visibleState: props.visibleState,
     field: props.field,
     interval: props.interval,
     topPics: props.topPics,
@@ -21688,8 +21690,8 @@ var SMChart = function SMChart(props) {
   }) : /*#__PURE__*/jsx(Fragment, {});
 };
 
-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$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$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; }
@@ -21711,6 +21713,10 @@ var TableWrapper = function TableWrapper(_ref) {
     setAutoRefresh = _useState2[1];
   var _useTranslation = useTranslation$1(),
     t = _useTranslation.t;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    analyticsVisible = _useState4[0],
+    setAnalyticsVisible = _useState4[1];
   useEffect(function () {
     if (!state.loading && state.configuration.canRefresh) state.triggerRefresh();
   }, [root.dataStore.selectedOrganizationId]);
@@ -21792,7 +21798,27 @@ var TableWrapper = function TableWrapper(_ref) {
             style: {
               "float": 'right'
             },
-            children: [state.configuration.clientRelations && state.configuration.variant !== 'CatalogTable' && /*#__PURE__*/jsx(Fragment, {
+            children: [state.configuration.histogram && state.configuration.histogram.type == 'default' && /*#__PURE__*/jsx(Button, {
+              type: "default",
+              size: 'middle',
+              onClick: function onClick() {
+                return setAnalyticsVisible(!analyticsVisible);
+              },
+              children: /*#__PURE__*/jsx(SMChart, {
+                field: state.configuration.histogram.field,
+                interval: state.configuration.histogram.interval,
+                topPics: state.configuration.histogram.topPics,
+                from: state.configuration.histogram.from,
+                to: state.configuration.histogram.to,
+                filter: state.configuration.histogram.filter,
+                description: state.configuration.histogram.description,
+                title: state.configuration.histogram.title.text,
+                apiTranslation: state.configuration.histogram.apiTranslation,
+                component: state.configuration.histogram.component,
+                permission: state.configuration.histogram.permission,
+                visibleState: [analyticsVisible, setAnalyticsVisible]
+              })
+            }), state.configuration.clientRelations && state.configuration.variant !== 'CatalogTable' && /*#__PURE__*/jsx(Fragment, {
               children: /*#__PURE__*/jsx(SelectClientRelationCatalog, {
                 onSelectedCatalog: state.onSelectedCatalog,
                 dontLoadCatalogData: state.configuration.dontLoadCatalogData
@@ -21850,7 +21876,7 @@ var TableWrapper = function TableWrapper(_ref) {
               // Convert to Dayjs
               (_state$globalFilter3 = state.globalFilter) !== null && _state$globalFilter3 !== void 0 && (_state$globalFilter3 = _state$globalFilter3.timeStamp) !== null && _state$globalFilter3 !== void 0 && (_state$globalFilter3 = _state$globalFilter3['toTimeStamp']) !== null && _state$globalFilter3 !== void 0 && _state$globalFilter3[0] ? 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 ? void 0 : _state$globalFilter4[0]) : dayjs(new Date()) // Convert to Dayjs
               ]
-            }), ((_state$configuration$7 = state.configuration.filter) === null || _state$configuration$7 === void 0 ? void 0 : _state$configuration$7.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$l(_objectSpread$l({}, (_state$configuration$8 = state.configuration.filter) === null || _state$configuration$8 === void 0 ? void 0 : _state$configuration$8.select.settings), {}, {
+            }), ((_state$configuration$7 = state.configuration.filter) === null || _state$configuration$7 === void 0 ? void 0 : _state$configuration$7.select) && /*#__PURE__*/jsx(SimpleSelect, _objectSpread$k(_objectSpread$k({}, (_state$configuration$8 = state.configuration.filter) === null || _state$configuration$8 === void 0 ? void 0 : _state$configuration$8.select.settings), {}, {
               style: {
                 minWidth: '200px'
               },
@@ -21899,32 +21925,26 @@ var TableWrapper = function TableWrapper(_ref) {
               }) : undefined,
               mappingData: state.mappingData
             }, 'create')]
-          }), state.configuration.histogram && state.configuration.histogram.type == 'applicationStatus' && /*#__PURE__*/jsx(AGHistogram, {
-            footnote: state.configuration.histogram.footnote,
-            height: state.configuration.histogram.height,
-            width: state.configuration.histogram.width,
-            sizeItems: state.configuration.histogram.sizeItems,
-            subtitle: state.configuration.histogram.subtitle,
-            title: state.configuration.histogram.title,
-            mapping: state.configuration.histogram.mapping,
-            apiInterface: state.configuration.histogram.apiInterface,
-            globalFilter: state.globalFilter,
-            stackMapping: state.configuration.histogram.stackMapping,
-            tooltipText: state.configuration.histogram.tooltipText,
-            headerText: state.configuration.histogram.headerText,
-            filterField: state.configuration.histogram.field
-          }), state.configuration.histogram && state.configuration.histogram.type == 'default' && /*#__PURE__*/jsx(SMChart, {
-            field: state.configuration.histogram.field,
-            interval: state.configuration.histogram.interval,
-            topPics: state.configuration.histogram.topPics,
-            from: state.configuration.histogram.from,
-            to: state.configuration.histogram.to,
-            filter: state.configuration.histogram.filter,
-            description: state.configuration.histogram.description,
-            title: state.configuration.histogram.title.text,
-            apiTranslation: state.configuration.histogram.apiTranslation,
-            component: state.configuration.histogram.component,
-            permission: state.configuration.histogram.permission
+          }), state.configuration.histogram && state.configuration.histogram.type == 'applicationStatus' && /*#__PURE__*/jsx("button", {
+            onClick: function onClick() {
+              return setAnalyticsVisible(!analyticsVisible);
+            },
+            children: /*#__PURE__*/jsx(AGHistogram, {
+              footnote: state.configuration.histogram.footnote,
+              height: state.configuration.histogram.height,
+              width: state.configuration.histogram.width,
+              sizeItems: state.configuration.histogram.sizeItems,
+              subtitle: state.configuration.histogram.subtitle,
+              title: state.configuration.histogram.title,
+              mapping: state.configuration.histogram.mapping,
+              apiInterface: state.configuration.histogram.apiInterface,
+              globalFilter: state.globalFilter,
+              stackMapping: state.configuration.histogram.stackMapping,
+              tooltipText: state.configuration.histogram.tooltipText,
+              headerText: state.configuration.histogram.headerText,
+              filterField: state.configuration.histogram.field
+              //visibleState={visibleState}
+            })
           })]
         })
       })
@@ -21947,7 +21967,7 @@ var TableWrapper = function TableWrapper(_ref) {
       },
       dataSource: data,
       loading: state.loading,
-      pagination: _objectSpread$l(_objectSpread$l({}, state.pagination), {}, {
+      pagination: _objectSpread$k(_objectSpread$k({}, state.pagination), {}, {
         showTotal: function showTotal(total, range) {
           return "".concat(range[0], "-").concat(range[1], " of ").concat(total, " Elements");
         },
@@ -22148,10 +22168,10 @@ function BulkAction(_ref6) {
       return state.selected.includes(d._id);
     })) || [];
   }, [state.selected, state.data]);
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showPopover = _useState4[0],
-    setShowPopover = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showPopover = _useState6[0],
+    setShowPopover = _useState6[1];
   var allowed = useMemo(function () {
     // if isValue is not set check if all fields have the same value, otherwise check if all fields have the given isValue
     if (!action.rule) return true;
@@ -22247,7 +22267,7 @@ function BulkAction(_ref6) {
             }
             _context4.t0 = data;
             _context4.next = 10;
-            return apiInterface.update(_objectSpread$l(_objectSpread$l({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
+            return apiInterface.update(_objectSpread$k(_objectSpread$k({}, dataEntry), updatedData), dataEntry, action.apiCallbackMapping);
           case 10:
             _context4.t1 = _context4.sent;
             _context4.t0.push.call(_context4.t0, _context4.t1);
@@ -22347,8 +22367,8 @@ function SelectionText(_ref8) {
   });
 }
 
-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$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 getColumnFilterProps (_ref) {
   var filter = _ref.filter,
     title = _ref.title;
@@ -22711,7 +22731,7 @@ var selectProps = function selectProps(title, filter) {
               });
             },
             options: filter.map(function (f) {
-              return _objectSpread$k(_objectSpread$k({}, f), {}, {
+              return _objectSpread$j(_objectSpread$j({}, f), {}, {
                 label: t(f.label)
               });
             })
@@ -22760,7 +22780,7 @@ var multiSelectProps = function multiSelectProps(title, filter) {
         setDisplaySelectedvalues = _useState4[1];
       var options = [];
       options = filter.map(function (f) {
-        return _objectSpread$k(_objectSpread$k({}, f), {}, {
+        return _objectSpread$j(_objectSpread$j({}, f), {}, {
           label: t(f.label)
         });
       });
@@ -22834,8 +22854,8 @@ var multiSelectProps = function multiSelectProps(title, filter) {
   };
 };
 
-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$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 mapColumns(configuration, userHasPermission, onUpdate, data, globalFilter) {
   var columns = configuration.columns.filter(function (c) {
     if (typeof c.hidden == 'boolean' && c.hidden) {
@@ -22886,7 +22906,7 @@ function mapColumns(configuration, userHasPermission, onUpdate, data, globalFilt
 }
 function mapColumn(column, onUpdate) {
   var _column$field, _column$children;
-  return _objectSpread$j(_objectSpread$j(_objectSpread$j({}, column), {}, {
+  return _objectSpread$i(_objectSpread$i(_objectSpread$i({}, column), {}, {
     width: column.width || 100,
     dataIndex: (_column$field = column.field) === null || _column$field === void 0 ? void 0 : _column$field.split('.'),
     key: column.field || column.title,
@@ -22935,8 +22955,8 @@ function updateData (_ref) {
   };
 }
 
-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$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 aplyFilterAndSortation (_ref) {
   var data = _ref.data,
     filters = _ref.filters,
@@ -22951,7 +22971,7 @@ function aplyFilterAndSortation (_ref) {
   processedData = sort(sorter || [], processedData);
   return {
     data: processedData,
-    pagination: _objectSpread$i(_objectSpread$i({}, pagination), {}, {
+    pagination: _objectSpread$h(_objectSpread$h({}, pagination), {}, {
       total: processedData.length
     })
   };
@@ -23035,9 +23055,9 @@ function filter(f, data) {
   }) : result;
 }
 
-var _excluded = ["_id"];
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$1 = ["_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 useTableData$1 (_ref) {
   var _configuration$apiInt;
   var id = _ref.id;
@@ -23092,7 +23112,7 @@ function useTableData$1 (_ref) {
     var _configuration$create;
     if (!dataRow) return;
     var id = v4();
-    var processedDataRow = flat.unflatten(_objectSpread$h({
+    var processedDataRow = flat.unflatten(_objectSpread$g({
       _id: id,
       ID: id
     }, dataRow));
@@ -23104,11 +23124,11 @@ function useTableData$1 (_ref) {
       newData = _updateData.data;
       _updateData.prevDataRow;
       _updateData.index;
-    var newState = _objectSpread$h(_objectSpread$h({}, state), {}, {
+    var newState = _objectSpread$g(_objectSpread$g({}, state), {}, {
       data: newData
     });
     if (!filterServerSide) {
-      var res = aplyFilterAndSortation(_objectSpread$h(_objectSpread$h({}, filterData), {}, {
+      var res = aplyFilterAndSortation(_objectSpread$g(_objectSpread$g({}, filterData), {}, {
         data: newData
       }));
       newState.data = res.data;
@@ -23119,34 +23139,34 @@ function useTableData$1 (_ref) {
     setState(newState);
     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$h(_objectSpread$h({}, catalogItem), {}, {
+      var value = _objectWithoutProperties(processedDataRow, _excluded$1);
+    apiHandler.create(undefined, (_configuration$create = configuration.createMapping) !== null && _configuration$create !== void 0 ? _configuration$create : configuration.mapping, _objectSpread$g(_objectSpread$g({}, 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$h({}, oldState));
+      setState(_objectSpread$g({}, oldState));
     });
   }, [state, catalogItem, filterData]);
   useEffect(function () {
     if (!catalogItem) return;
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
       loading: true,
-      mappingData: _objectSpread$h(_objectSpread$h({}, catalogItem), {}, {
+      mappingData: _objectSpread$g(_objectSpread$g({}, catalogItem), {}, {
         filterContex: filterContex
       })
     }));
     if (!filterServerSide) {
-      apiHandler.readList(configuration.mapping, _objectSpread$h(_objectSpread$h({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$g(_objectSpread$g({}, catalogItem), {}, {
         filterContex: filterContex
       }), undefined, catalogItem.sessionGuid).then(function (data) {
         var newData = data.data.map(function (d) {
-          return _objectSpread$h(_objectSpread$h({}, d), {}, {
+          return _objectSpread$g(_objectSpread$g({}, d), {}, {
             _id: d._id || d.ID || nanoid()
           });
         });
         onChange({
-          pagination: _objectSpread$h({}, state.pagination),
+          pagination: _objectSpread$g({}, state.pagination),
           filters: {},
           sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
             return c.defaultSortOrder;
@@ -23163,7 +23183,7 @@ function useTableData$1 (_ref) {
       });
     } else {
       onChange({
-        pagination: _objectSpread$h({}, state.pagination),
+        pagination: _objectSpread$g({}, state.pagination),
         filters: {},
         sorter: mapColumns(configuration, root.actions.userHasPermission, onUpdate).filter(function (c) {
           return c.defaultSortOrder;
@@ -23180,17 +23200,17 @@ function useTableData$1 (_ref) {
     }
   }, [filterContex, catalogItem]);
   var onChange = function onChange(p, dataParam) {
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
       loading: true
     }));
     if (!filterServerSide) {
       var unfilteredData = dataParam ? dataParam : state.unfilteredData;
-      var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$h(_objectSpread$h({}, p), {}, {
+      var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$g(_objectSpread$g({}, p), {}, {
           data: unfilteredData
         })),
         data = _aplyFilterAndSortati.data,
         pagination = _aplyFilterAndSortati.pagination;
-      setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+      setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
         data: data,
         pagination: pagination,
         loading: false,
@@ -23201,20 +23221,20 @@ function useTableData$1 (_ref) {
         sorter: p.sorter
       });
     } else {
-      apiHandler.readList(configuration.mapping, _objectSpread$h(_objectSpread$h({}, catalogItem), {}, {
+      apiHandler.readList(configuration.mapping, _objectSpread$g(_objectSpread$g({}, catalogItem), {}, {
         filterContex: filterContex
       }), p, catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid).then(function (data) {
-        setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+        setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
           data: data.data.map(function (dt) {
-            return _objectSpread$h(_objectSpread$h({}, dt), {}, {
+            return _objectSpread$g(_objectSpread$g({}, dt), {}, {
               _id: dt._id || dt.ID || nanoid()
             });
           }),
-          pagination: _objectSpread$h(_objectSpread$h({}, p.pagination), {}, {
+          pagination: _objectSpread$g(_objectSpread$g({}, p.pagination), {}, {
             total: data.total
           }),
           loading: false,
-          mappingData: _objectSpread$h(_objectSpread$h({}, catalogItem), {}, {
+          mappingData: _objectSpread$g(_objectSpread$g({}, catalogItem), {}, {
             filterContex: filterContex
           })
         }));
@@ -23226,7 +23246,7 @@ function useTableData$1 (_ref) {
     }
   };
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
       selected: keys
     }));
   };
@@ -23236,7 +23256,7 @@ function useTableData$1 (_ref) {
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -23251,7 +23271,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$h(_objectSpread$h({}, mappingData), state.mappingData);
+                    mappingData = _objectSpread$g(_objectSpread$g({}, mappingData), state.mappingData);
                     _context.next = 5;
                     return apiHandler["delete"](id, (_configuration$delete = configuration.deleteMapping) !== null && _configuration$delete !== void 0 ? _configuration$delete : configuration.mapping, mappingData, true);
                   case 5:
@@ -23301,7 +23321,7 @@ function useTableData$1 (_ref) {
             }
             _context2.next = 18;
             return apiHandler.readList(configuration.mapping, {
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+              pagination: _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
@@ -23313,11 +23333,11 @@ function useTableData$1 (_ref) {
             newData = data.data;
             total = data.total;
           case 21:
-            setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$h(_objectSpread$h({}, state.pagination), {}, {
+              pagination: _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
                 current: current,
                 total: total
               })
@@ -23333,12 +23353,12 @@ function useTableData$1 (_ref) {
     };
   }();
   function setLoading() {
-    setState(_objectSpread$h(_objectSpread$h({}, state), {}, {
+    setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
       loading: true
     }));
   }
-  return _objectSpread$h(_objectSpread$h({}, state), {}, {
-    configuration: _objectSpread$h(_objectSpread$h({}, configuration), {}, {
+  return _objectSpread$g(_objectSpread$g({}, state), {}, {
+    configuration: _objectSpread$g(_objectSpread$g({}, configuration), {}, {
       title: undefined
     }),
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate),
@@ -23443,8 +23463,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$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$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 LOG$2 = getLogger('Backoffice', 'TableData');
 function useTableData (_ref) {
   var _configuration$filter, _configuration$filter2, _configuration$filter3, _configuration$bulkAc, _configuration$apiInt;
@@ -23511,7 +23531,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$g(_objectSpread$g({}, parentData), {}, {
+      mappingData: _objectSpread$f(_objectSpread$f({}, parentData), {}, {
         prefilter: {
           select: globalFilter.select
         }
@@ -23520,7 +23540,7 @@ function useTableData (_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     state = _useState14[0],
     setState = _useState14[1];
-  var mapping = _objectSpread$g(_objectSpread$g({}, parentData), {}, {
+  var mapping = _objectSpread$f(_objectSpread$f({}, parentData), {}, {
     catalogCodex: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.codex,
     sessionGuID: catalogItem === null || catalogItem === void 0 ? void 0 : catalogItem.sessionGuid
   });
@@ -23559,14 +23579,14 @@ function useTableData (_ref) {
     }
     var dataArray = Array.isArray(data) ? data : [data];
     var newInitData = initData;
-    var newState = _objectSpread$g({}, state);
+    var newState = _objectSpread$f({}, state);
     var selected = [];
     if (configuration.deselectOnUpdate == false) {
       selected = state.selected;
     }
     var pagination = undefined;
     if (state.pagination.total !== state.data.length + dataArray.length) {
-      pagination = _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
+      pagination = _objectSpread$f(_objectSpread$f({}, state.pagination), {}, {
         total: state.data.length + dataArray.length
       });
     }
@@ -23583,7 +23603,7 @@ function useTableData (_ref) {
               dataRow: dataRow
             }),
             _data = _updateData.data;
-          newState = _objectSpread$g(_objectSpread$g({}, newState), {}, {
+          newState = _objectSpread$f(_objectSpread$f({}, newState), {}, {
             pagination: (_pagination = pagination) !== null && _pagination !== void 0 ? _pagination : newState.pagination,
             data: _data,
             selected: selected
@@ -23596,8 +23616,8 @@ function useTableData (_ref) {
             dataRow: dataRow
           }),
           nextInitData = _updateData2.data;
-        var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, filterData), {}, {
-            filters: _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
+        var _aplyFilterAndSortati = aplyFilterAndSortation(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, filterData), {}, {
+            filters: _objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter5 = configuration.filter) !== null && _configuration$filter5 !== void 0 && (_configuration$filter5 = _configuration$filter5.toggle) !== null && _configuration$filter5 !== void 0 && _configuration$filter5.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"])
           }, configuration !== null && configuration !== void 0 && (_configuration$filter6 = configuration.filter) !== null && _configuration$filter6 !== void 0 && (_configuration$filter6 = _configuration$filter6.toggle) !== null && _configuration$filter6 !== void 0 && _configuration$filter6.inQuery ? {
             genericProps: globalFilter.toggle
           } : undefined), {}, {
@@ -23607,7 +23627,7 @@ function useTableData (_ref) {
           _data2 = _aplyFilterAndSortati.data,
           _pagination2 = _aplyFilterAndSortati.pagination;
         newInitData = nextInitData;
-        newState = _objectSpread$g(_objectSpread$g({}, newState), {}, {
+        newState = _objectSpread$f(_objectSpread$f({}, newState), {}, {
           pagination: _pagination2,
           data: _data2,
           selected: selected
@@ -23617,8 +23637,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$g({}, initData));
-          setState(_objectSpread$g({}, state));
+          initData && setInitData(_objectSpread$f({}, initData));
+          setState(_objectSpread$f({}, state));
         }
       });
     }
@@ -23631,7 +23651,7 @@ function useTableData (_ref) {
   var triggerRefresh = function triggerRefresh() {
     var _configuration$filter7;
     setError(undefined);
-    var newGlobalFilter = _objectSpread$g({}, globalFilter);
+    var newGlobalFilter = _objectSpread$f({}, globalFilter);
     //on refresh update default filter, since global value can change
     if ((_configuration$filter7 = configuration.filter) !== null && _configuration$filter7 !== void 0 && _configuration$filter7["default"]) {
       var _configuration$filter8;
@@ -23642,7 +23662,7 @@ function useTableData (_ref) {
       newGlobalFilter["default"] = _defaultFilter;
       setGlobaFilter(newGlobalFilter);
     }
-    onChange(_objectSpread$g({
+    onChange(_objectSpread$f({
       pagination: state.pagination
     }, filterData), newGlobalFilter, true);
   };
@@ -23661,7 +23681,7 @@ function useTableData (_ref) {
         order: c.defaultSortOrder
       };
     });
-    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+    if (configuration.initialCall === false && !catalogItem) setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
       loading: false
     }));else {
       onChange({
@@ -23718,11 +23738,11 @@ function useTableData (_ref) {
           case 0:
             prefilter = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : globalFilter;
             refresh = _args2.length > 2 ? _args2[2] : undefined;
-            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+            setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
               loading: true
             }));
             currentData = initData;
-            filterData = _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, p.filters), prefilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter9 = configuration.filter) !== null && _configuration$filter9 !== void 0 && (_configuration$filter9 = _configuration$filter9.toggle) !== null && _configuration$filter9 !== void 0 && _configuration$filter9.inQuery) ? prefilter.toggle : undefined), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
+            filterData = _objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, p.filters), prefilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter9 = configuration.filter) !== null && _configuration$filter9 !== void 0 && (_configuration$filter9 = _configuration$filter9.toggle) !== null && _configuration$filter9 !== void 0 && _configuration$filter9.inQuery) ? prefilter.toggle : undefined), ((_configuration$filter10 = configuration.filter) === null || _configuration$filter10 === void 0 || (_configuration$filter10 = _configuration$filter10.select) === null || _configuration$filter10 === void 0 ? void 0 : _configuration$filter10.applyDefaultValue) !== false || ((_configuration$filter11 = configuration.filter) === null || _configuration$filter11 === void 0 || (_configuration$filter11 = _configuration$filter11.select) === null || _configuration$filter11 === void 0 ? void 0 : _configuration$filter11.defaultValue) !== ((_prefilter$select = prefilter.select) === null || _prefilter$select === void 0 || (_prefilter$select = _prefilter$select[(_configuration$filter12 = (_configuration$filter13 = configuration.filter) === null || _configuration$filter13 === void 0 || (_configuration$filter13 = _configuration$filter13.select) === null || _configuration$filter13 === void 0 ? void 0 : _configuration$filter13.filterField) !== null && _configuration$filter12 !== void 0 ? _configuration$filter12 : '']) === null || _prefilter$select === void 0 ? void 0 : _prefilter$select[0]) ? prefilter.select : undefined), prefilter.timeStamp), prefilter["default"]); //remove all null values
             filterData = Object.fromEntries(Object.entries(filterData).filter(function (_ref5) {
               var _ref6 = _slicedToArray(_ref5, 2);
                 _ref6[0];
@@ -23730,7 +23750,7 @@ function useTableData (_ref) {
               return v != null;
             }));
             currentFilterHash = objectHash(filterData);
-            currentPagination = _objectSpread$g(_objectSpread$g({}, p.pagination), {}, {
+            currentPagination = _objectSpread$f(_objectSpread$f({}, p.pagination), {}, {
               current: currentFilterHash == filterHash.current ? p.pagination.current : 1
             });
             filterHash.current = currentFilterHash;
@@ -23738,7 +23758,7 @@ function useTableData (_ref) {
               _context2.next = 19;
               break;
             }
-            ssf = _objectSpread$g({
+            ssf = _objectSpread$f({
               pagination: currentPagination,
               columns: configuration.columns,
               filters: filterData,
@@ -23752,7 +23772,7 @@ function useTableData (_ref) {
             data = _context2.sent;
             currentUrl = apiHandler.getReadListUrl(parentMapping || configuration.mapping, mapping, ssf);
             currentData = data.data;
-            currentPagination = _objectSpread$g(_objectSpread$g({}, currentPagination), {}, {
+            currentPagination = _objectSpread$f(_objectSpread$f({}, currentPagination), {}, {
               total: data.total
             });
             _context2.next = 28;
@@ -23769,7 +23789,7 @@ function useTableData (_ref) {
             currentData = _data3.data;
             setInitData(currentData);
           case 25:
-            _aplyFilterAndSortati2 = aplyFilterAndSortation(_objectSpread$g(_objectSpread$g({}, p), {}, {
+            _aplyFilterAndSortati2 = aplyFilterAndSortation(_objectSpread$f(_objectSpread$f({}, p), {}, {
               pagination: currentPagination,
               filters: filterData,
               data: currentData,
@@ -23778,11 +23798,11 @@ function useTableData (_ref) {
             currentData = _data4;
             currentPagination = pagination;
           case 28:
-            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+            setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
               loading: false,
               data: currentData,
               pagination: currentPagination,
-              mappingData: _objectSpread$g(_objectSpread$g({}, parentData), {}, {
+              mappingData: _objectSpread$f(_objectSpread$f({}, parentData), {}, {
                 prefilter: prefilter
               }),
               currentFetchUrl: currentUrl
@@ -23802,7 +23822,7 @@ function useTableData (_ref) {
     };
   }();
   var onSelect = function onSelect(keys) {
-    setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+    setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
       selected: keys
     }));
   };
@@ -23813,7 +23833,7 @@ function useTableData (_ref) {
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+            setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
               deleting: true
             }));
             newData = _toConsumableArray(state.data);
@@ -23853,7 +23873,7 @@ function useTableData (_ref) {
                     } finally {
                       _iterator.f();
                     }
-                    mappingData = _objectSpread$g(_objectSpread$g(_objectSpread$g({}, mappingData), state.mappingData), mapToggle);
+                    mappingData = _objectSpread$f(_objectSpread$f(_objectSpread$f({}, mappingData), state.mappingData), mapToggle);
                     deleteResult = undefined;
                     _context3.prev = 7;
                     if (!(userPermissions && !root.actions.userHasPermission(userPermissions))) {
@@ -23944,12 +23964,12 @@ function useTableData (_ref) {
               break;
             }
             _context4.next = 25;
-            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$g({
-              pagination: _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
+            return apiHandler.readList(parentMapping || configuration.mapping, mapping, _objectSpread$f({
+              pagination: _objectSpread$f(_objectSpread$f({}, state.pagination), {}, {
                 current: current
               }),
               columns: configuration.columns,
-              filters: _objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter15 = configuration.filter) !== null && _configuration$filter15 !== void 0 && (_configuration$filter15 = _configuration$filter15.toggle) !== null && _configuration$filter15 !== void 0 && _configuration$filter15.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
+              filters: _objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f(_objectSpread$f({}, filterData.filters), globalFilter.search), !(configuration !== null && configuration !== void 0 && (_configuration$filter15 = configuration.filter) !== null && _configuration$filter15 !== void 0 && (_configuration$filter15 = _configuration$filter15.toggle) !== null && _configuration$filter15 !== void 0 && _configuration$filter15.inQuery) ? globalFilter.toggle : undefined), globalFilter.select), globalFilter.timeStamp), globalFilter["default"]),
               sorter: filterData.sorter
             }, 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 ? {
               genericProps: globalFilter.toggle
@@ -23960,11 +23980,11 @@ function useTableData (_ref) {
             total = data.total;
           case 28:
             setInitData(newInitData);
-            setState(_objectSpread$g(_objectSpread$g({}, state), {}, {
+            setState(_objectSpread$f(_objectSpread$f({}, state), {}, {
               selected: [],
               deleting: false,
               data: newData,
-              pagination: _objectSpread$g(_objectSpread$g({}, state.pagination), {}, {
+              pagination: _objectSpread$f(_objectSpread$f({}, state.pagination), {}, {
                 current: current === 0 ? 1 : current,
                 total: total
               })
@@ -23985,14 +24005,14 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global select filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$g({}, globalFilter);
+    var newGlobalFilter = _objectSpread$f({}, 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$g({
+    onChange(_objectSpread$f({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -24006,11 +24026,11 @@ function useTableData (_ref) {
     configuration.filter.toggle.fields.forEach(function (f) {
       return toggleFilter[f] = [configuration.filter.toggle.globalValue ? root.getGlobalValue(configuration.filter.toggle.globalValue) : true, 'eq', 1];
     });
-    var newGlobalFilter = _objectSpread$g(_objectSpread$g({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$f(_objectSpread$f({}, globalFilter), {}, {
       toggle: globalFilter.toggle ? undefined : toggleFilter
     });
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$g({
+    onChange(_objectSpread$f({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -24020,7 +24040,7 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global search filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$g(_objectSpread$g({}, globalFilter), {}, {
+    var newGlobalFilter = _objectSpread$f(_objectSpread$f({}, globalFilter), {}, {
       search: {}
     });
     if (value) {
@@ -24034,7 +24054,7 @@ function useTableData (_ref) {
       });
     }
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$g({
+    onChange(_objectSpread$f({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
@@ -24044,17 +24064,17 @@ function useTableData (_ref) {
       LOG$2.error(new DivaError('No global period filter defiend'));
       return;
     }
-    var newGlobalFilter = _objectSpread$g({}, globalFilter);
+    var newGlobalFilter = _objectSpread$f({}, globalFilter);
     newGlobalFilter.timeStamp = {
       fromTimeStamp: [from],
       toTimeStamp: [to]
     };
     setGlobaFilter(newGlobalFilter);
-    onChange(_objectSpread$g({
+    onChange(_objectSpread$f({
       pagination: state.pagination
     }, filterData), newGlobalFilter);
   };
-  return _objectSpread$g(_objectSpread$g({}, state), {}, {
+  return _objectSpread$f(_objectSpread$f({}, state), {}, {
     title: title,
     configuration: configuration,
     columns: mapColumns(configuration, root.actions.userHasPermission, onUpdate, selectedData, globalFilter),
@@ -24094,8 +24114,8 @@ function StandardTable (_ref) {
   });
 }
 
-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$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 Table (props) {
   var root = useStore();
   var variant = useMemo(function () {
@@ -24103,15 +24123,15 @@ function Table (props) {
     return config.variant;
   }, [props.id]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$f({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$f({}, props))]
+    children: [(variant == 'Standard' || !variant) && /*#__PURE__*/jsx(StandardTable, _objectSpread$e({}, props)), variant == 'CatalogTable' && /*#__PURE__*/jsx(CatalogTable, _objectSpread$e({}, 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$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$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 useAGGrid (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -24205,7 +24225,7 @@ function useAGGrid (_ref) {
                     value = _ref3[1];
                   if (_idx == 0) {
                     var _supplierData$Options2, _supplierData$Options3, _supplierData$Optionv2, _supplierData$Optionv3;
-                    rdat.push(_objectSpread$e(_objectSpread$e({}, rd), {}, {
+                    rdat.push(_objectSpread$d(_objectSpread$d({}, rd), {}, {
                       grouping: [idx.toString()]
                     }));
                     var sp = key.split(':');
@@ -24348,8 +24368,8 @@ var value = "value-FCA-6";
 var css_248z$a = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z$a);
 
-function ownKeys$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$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 AGChart = function AGChart(_ref) {
   var data = _ref.data;
   var groupedData = [];
@@ -24357,11 +24377,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$d(_objectSpread$d({}, dt), {}, {
+      groupedData[dt.grouping[0]].push(_objectSpread$c(_objectSpread$c({}, dt), {}, {
         count: Number(dt.count)
       }));
     } else {
-      groupedData.push([_objectSpread$d(_objectSpread$d({}, dt), {}, {
+      groupedData.push([_objectSpread$c(_objectSpread$c({}, dt), {}, {
         count: Number(dt.count)
       })]);
     }
@@ -24402,8 +24422,8 @@ var AGChart = function AGChart(_ref) {
   });
 };
 
-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$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 AGGrid = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     filter = _ref.filter,
@@ -24496,7 +24516,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
           });
         });
       }
-      return _objectSpread$c(_objectSpread$c({}, column), {}, {
+      return _objectSpread$b(_objectSpread$b({}, column), {}, {
         cellRenderer: renderer
       });
     });
@@ -24770,8 +24790,8 @@ var CustomText$1 = observer(CustomText, {
   forwardRef: true
 });
 
-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$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$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; }
@@ -24834,7 +24854,7 @@ function useFilterBoxData (id) {
     } finally {
       _iterator.f();
     }
-    return _objectSpread$b(_objectSpread$b({}, state), ob);
+    return _objectSpread$a(_objectSpread$a({}, state), ob);
   }
   return {
     configuration: configuration,
@@ -24848,8 +24868,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$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$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; }
 var FilterBox = /*#__PURE__*/memo(function (_ref) {
   var id = _ref.id,
     onChangeFilter = _ref.onChangeFilter,
@@ -24877,7 +24897,7 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
           }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Select, {
             mode: "single",
             apiInterface: filter.requestOptions,
-            wholeData: _objectSpread$a(_objectSpread$a({}, state.filter), {}, {
+            wholeData: _objectSpread$9(_objectSpread$9({}, state.filter), {}, {
               tab: tab
             }),
             mapping: filter.requestMapping,
@@ -25109,8 +25129,8 @@ var FilterBox = /*#__PURE__*/memo(function (_ref) {
   return false;
 });
 
-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$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useUIBuilderData (id) {
   var save = undefined;
   var root = useStore();
@@ -25142,7 +25162,7 @@ function useUIBuilderData (id) {
     var configuration = _useMemo.configuration;
   useEffect(function () {
     root.dataStore.getApi2SessionGuid().then(function (res) {
-      return setFilter(_objectSpread$9(_objectSpread$9({}, filter), {}, {
+      return setFilter(_objectSpread$8(_objectSpread$8({}, filter), {}, {
         sessionGuid: res
       }));
     });
@@ -25165,8 +25185,8 @@ function useUIBuilderData (id) {
   };
 }
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UIBuilder(_ref) {
   var id = _ref.id;
   var state = useUIBuilderData(id);
@@ -25193,7 +25213,7 @@ function UIBuilder(_ref) {
           override = {
             value: newFilter[item.field],
             setValue: function setValue(newVal) {
-              var newFilter = _objectSpread$8({}, state.filter);
+              var newFilter = _objectSpread$7({}, state.filter);
               newFilter[item.field] = newVal;
               state.setFilter(newFilter);
             }
@@ -25241,7 +25261,7 @@ function UIBuilder(_ref) {
       case 'AGGrid':
         return /*#__PURE__*/jsx(AGGrid, {
           id: item.id,
-          filter: _objectSpread$8({
+          filter: _objectSpread$7({
             optionCodices: JSON.stringify(state.data)
           }, state.filter),
           override: item.id == 'AGGridTopOptionValues' ? {
@@ -25401,8 +25421,8 @@ var OrgItem = function OrgItem(_ref) {
 };
 var OrgItem$1 = observer(OrgItem);
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 useTransformJson (_ref) {
   var id = _ref.id;
   var _useState = useState(),
@@ -25468,7 +25488,7 @@ function useTransformJson (_ref) {
   }();
   var transformData = function transformData(data, itemChain, parentOrgId) {
     var _data$children;
-    return _objectSpread$7(_objectSpread$7({}, data), {}, {
+    return _objectSpread$6(_objectSpread$6({}, data), {}, {
       label: /*#__PURE__*/jsx(OrgItem$1, {
         data: data,
         configuration: configuration,
@@ -26127,8 +26147,8 @@ function useCatalogEditor (id) {
   };
 }
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DragDropUpload(_ref) {
   var api2Params = _ref.api2Params,
     catalogId = _ref.catalogId,
@@ -26233,7 +26253,7 @@ function DragDropUpload(_ref) {
     children: [importStarted && /*#__PURE__*/jsx("p", {
       children: t('backoffice.catalogeditor.classimportstarted')
     }), !importStarted && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$6(_objectSpread$6({}, props), {}, {
+      children: [/*#__PURE__*/jsxs(Dragger, _objectSpread$5(_objectSpread$5({}, props), {}, {
         children: [/*#__PURE__*/jsx("p", {
           className: "ant-upload-drag-icon",
           children: /*#__PURE__*/jsx(InboxOutlined, {})
@@ -26485,7 +26505,7 @@ function PackageSelector(_ref) {
   });
 }
 
-var config$1 = {
+var config$6 = {
   detailInfos: {
     colDef: [{
       field: '_id',
@@ -26992,35 +27012,35 @@ function useModule (currentModule) {
   };
 }
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var exclusivityTypes = [{
   label: 'series',
-  data: _objectSpread$5(_objectSpread$5({}, config$1['series']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['series']), {}, {
     value: 'series'
   }),
   value: 'series'
 }, {
   label: 'features',
-  data: _objectSpread$5(_objectSpread$5({}, config$1['features']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['features']), {}, {
     value: 'features'
   }),
   value: 'features'
 }, {
   label: 'detailInfos',
-  data: _objectSpread$5(_objectSpread$5({}, config$1['detailInfos']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['detailInfos']), {}, {
     value: 'detailInfos'
   }),
   value: 'detailInfos'
 }, {
   label: 'serieItems',
-  data: _objectSpread$5(_objectSpread$5({}, config$1['serieItems']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['serieItems']), {}, {
     value: 'serieItems'
   }),
   value: 'serieItems'
 }, {
   label: 'featureOptions',
-  data: _objectSpread$5(_objectSpread$5({}, config$1['featureOptions']), {}, {
+  data: _objectSpread$4(_objectSpread$4({}, config$6['featureOptions']), {}, {
     value: 'featureOptions'
   }),
   value: 'featureOptions'
@@ -27159,7 +27179,9 @@ function TableExclusivity () {
         colDef: [{
           field: 'active',
           editable: true,
-          cellDataType: 'boolean'
+          cellDataType: 'boolean',
+          pinned: 'left',
+          lockPinned: true
         }].concat(_toConsumableArray(selectedType.colDef), [{
           field: 'lastUpdatedDate',
           filter: 'date',
@@ -27222,6 +27244,42 @@ function TablePackages () {
         action: function action(_ref) {
           var selectedNodes = _ref.selectedNodes;
           updateNavigation(selectedNodes[0].data._id, 'renaming');
+        },
+        disabled: function disabled(_ref2) {
+          var selectedNodes = _ref2.selectedNodes;
+          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
+        }
+      }, {
+        icon: /*#__PURE__*/jsx(UploadOutlined$1, {}),
+        name: t('backoffice.idmEnricher.packages.label.publish'),
+        action: function () {
+          var _action = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
+            var selectedNodes, context;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  selectedNodes = _ref3.selectedNodes, context = _ref3.context;
+                  _context.next = 3;
+                  return context === null || context === void 0 ? void 0 : context.updateServerData(selectedNodes[0].data, {
+                    update: apiConfig.enricherService + '/packages/${_id}/publish',
+                    usePut: true
+                  });
+                case 3:
+                  context === null || context === void 0 || context.reset();
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function action(_x) {
+            return _action.apply(this, arguments);
+          }
+          return action;
+        }(),
+        disabled: function disabled(_ref4) {
+          var selectedNodes = _ref4.selectedNodes;
+          return !selectedNodes[0].data.basedCatalogId && !selectedNodes[0].data.basedPackageId;
         }
       }],
       configuration: {
@@ -27232,39 +27290,114 @@ function TablePackages () {
           "delete": apiConfig.enricherService + '/packages/${_id}',
           update: apiConfig.enricherService + '/packages/${_id}'
         },
-        dateFormat: 'LL',
+        dateFormat: 'DD.MM.YYYY, HH:mm:ss',
         floatingFilter: true,
         colDef: [{
+          field: 'isPublished',
+          headerName: t('backoffice.idmEnricher.packages.label.published'),
+          valueGetter: function valueGetter(params) {
+            var _params$data, _params$data2;
+            var publishDate = (_params$data = params.data) !== null && _params$data !== void 0 && _params$data.publishDate ? new Date(params.data.publishDate) : undefined;
+            var lastUpdatedDate = (_params$data2 = params.data) !== null && _params$data2 !== void 0 && _params$data2.lastUpdatedDate ? new Date(params.data.lastUpdatedDate) : undefined;
+            if (!publishDate) return false;
+            if (!lastUpdatedDate) return !!publishDate;
+            if (publishDate < lastUpdatedDate) return undefined;
+            return true;
+          },
+          editable: false,
+          cellDataType: 'boolean',
+          pinned: 'left',
+          lockPinned: true,
+          doRefresh: true,
+          cellRendererParams: {
+            disabled: true
+          },
+          tooltipValueGetter: function tooltipValueGetter(params) {
+            return params.value == undefined ? t('backoffice.idmEnricher.packages.label.unpublishedChanges') : undefined;
+          }
+        }, {
+          headerName: t('backoffice.idmEnricher.packages.label.name'),
           field: 'name',
           filter: 'text',
           required: true
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.catalogId'),
           field: 'basedCatalogId',
-          headerName: 'basedCatalogId (TODO: onOff required, lookup)',
-          filter: 'text'
+          filter: 'text',
+          type: 'lookup',
+          editable: function editable(_ref5) {
+            var data = _ref5.data;
+            return !data.isPublished && !data.basedPackageId;
+          },
+          cellRendererParams: {
+            displayField: 'basedCatalogName',
+            apiInterface: {
+              read: apiConfig.idmService + '/v3.0/catalogs?organizationId=${organizationId}'
+            },
+            lookupValue: 'name',
+            lookupKey: '_id'
+          }
+        }, {
+          field: 'basedCatalogName',
+          hide: true
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.packageId'),
           field: 'basedPackageId',
-          headerName: 'basedPackageId (TODO: onOff required, lookup)',
-          filter: 'text'
+          filter: 'text',
+          type: 'lookup',
+          editable: function editable(_ref6) {
+            var data = _ref6.data;
+            return !data.isPublished && !data.basedCatalogId;
+          },
+          cellRendererParams: {
+            displayField: 'basedPackageName',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages?organizationId=${organizationId}'
+            },
+            lookupValue: 'name',
+            lookupKey: '_id',
+            filter: function filter(rowData, lookupData) {
+              return rowData._id !== lookupData._id;
+            }
+          }
         }, {
+          field: 'basedPackageName',
+          hide: true
+        }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedDate'),
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.general.label.createdDate'),
           field: 'createdDate',
           filter: 'date',
           cellDataType: 'dateString',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.publishDate'),
+          field: 'publishDate',
+          filter: 'date',
+          cellDataType: 'dateString',
+          editable: false
+        }, {
+          headerName: t('backoffice.idmEnricher.general.label.createdBy'),
           field: 'createdByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.general.label.lastUpdatedBy'),
           field: 'lastUpdatedByDisplayText',
           filter: 'text',
           editable: false
         }, {
+          headerName: t('backoffice.idmEnricher.packages.label.publishedBy'),
+          field: 'publishedByDisplayText',
+          filter: 'text',
+          editable: false
+        }, {
+          headerName: t('backoffice.idmEnricher.general.label._id'),
           field: '_id',
           filter: 'text',
           editable: false
@@ -27272,6 +27405,8 @@ function TablePackages () {
           field: 'organizationId',
           editable: false,
           hide: true,
+          lockVisible: true,
+          suppressColumnsToolPanel: true,
           defaultValue: '${organizationId}'
         }]
       }
@@ -27284,12 +27419,14 @@ function TableProperties () {
     t = _useTranslation.t;
   var _useModule = useModule('properties'),
     packageId = _useModule.packageId,
+    organizationId = _useModule.organizationId,
     updateNavigation = _useModule.updateNavigation,
     jwt = _useModule.jwt,
     apiConfig = _useModule.apiConfig;
   var applicationData = useMemo(function () {
     return {
-      packageId: packageId
+      packageId: packageId,
+      organizationId: organizationId
     };
   }, [packageId]);
   return /*#__PURE__*/jsxs(Fragment, {
@@ -27325,7 +27462,7 @@ function TableProperties () {
         colDef: [{
           field: 'key',
           headerName: 'Key',
-          cellDataType: 'string'
+          filter: 'text'
         }, {
           headerName: 'Name',
           marryChildren: true,
@@ -27376,24 +27513,88 @@ function TableProperties () {
           }]
         }, {
           field: 'featureNos',
-          headerName: 'FeatureNo (TODO Lookup)',
+          headerName: 'FeatureNo',
           cellDataType: 'string',
-          editable: true
+          editable: true,
+          type: 'lookup',
+          cellRendererParams: {
+            displayField: 'featureNosDisplayTexts',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/feature'
+            },
+            lookupValue: 'featureText',
+            lookupKey: 'featureNo',
+            multiple: true,
+            translated: true
+          }
+        }, {
+          field: 'featureNosDisplayTexts',
+          hide: true,
+          type: 'translated',
+          isDictionary: true
         }, {
           field: 'optionKeys',
-          headerName: 'OptionKeys (TODO Lookup)',
+          headerName: 'OptionKeys',
           cellDataType: 'string',
-          editable: true
+          editable: true,
+          type: 'lookup',
+          cellRendererParams: {
+            displayField: 'optionKeysDisplayTexts',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/option'
+            },
+            lookupValue: 'optionText',
+            lookupKey: 'optionKey',
+            multiple: true,
+            translated: true
+          }
+        }, {
+          field: 'optionKeysDisplayTexts',
+          hide: true,
+          type: 'translated',
+          isDictionary: true
         }, {
           field: 'serieNos',
-          headerName: 'SerieNos (TODO Lookup)',
+          headerName: 'SerieNos',
           cellDataType: 'string',
-          editable: true
+          editable: true,
+          type: 'lookup',
+          cellRendererParams: {
+            displayField: 'serieNosDisplayTexts',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/serie'
+            },
+            lookupValue: 'seriesName',
+            lookupKey: 'serieNo',
+            multiple: true,
+            translated: true
+          }
+        }, {
+          field: 'serieNosDisplayTexts',
+          hide: true,
+          type: 'translated',
+          isDictionary: true
         }, {
           field: 'typeNos',
-          headerName: 'TypeNos (TODO Lookup)',
+          headerName: 'TypeNos',
           cellDataType: 'string',
-          editable: true
+          editable: true,
+          type: 'lookup',
+          cellRendererParams: {
+            displayField: 'typeNosDisplayTexts',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/item'
+            },
+            lookupValue: 'shortText',
+            lookupKey: 'typeNo',
+            multiple: true,
+            translated: true
+          }
+        }, {
+          field: 'typeNosDisplayTexts',
+          hide: true,
+          type: 'translated',
+          isDictionary: true
         }, {
           field: 'organizationId',
           cellDataType: 'string',
@@ -27428,576 +27629,1523 @@ function TableProperties () {
   });
 }
 
-var config = {
-  catalog: {
-    colDef: [{
-      field: 'name',
+var config$5 = {
+  colDef: [{
+    field: 'translatedName',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origName'
+    }
+  }, {
+    field: 'origName',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedComment',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origComment'
+    }
+  }, {
+    field: 'origComment',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    headerName: 'catalogName',
+    marryChildren: true,
+    children: [{
+      field: 'translatedCatalogName.de',
+      headerName: 'DE',
+      isDictionary: true,
       filter: 'text',
-      required: true
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogName.de'
+      }
     }, {
-      field: 'comment',
-      filter: 'text'
+      field: 'translatedCatalogName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogName.en'
+      }
     }, {
-      headerName: 'catalogName',
-      marryChildren: true,
-      children: [{
-        field: 'catalogName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogName.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'translatedCatalogName.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogName.fr'
+      }
     }, {
-      headerName: 'catalogInfo',
-      marryChildren: true,
-      children: [{
-        field: 'catalogInfo.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogInfo.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogInfo.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'catalogInfo.it',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
+      field: 'translatedCatalogName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogName.it'
+      }
+    }]
+  }, {
+    headerName: 'catalogName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origCatalogName.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogName.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogName.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogName.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'catalogInfo',
+    marryChildren: true,
+    children: [{
+      field: 'translatedCatalogInfo.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.de'
+      }
+    }, {
+      field: 'translatedCatalogInfo.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.en'
+      }
+    }, {
+      field: 'translatedCatalogInfo.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.fr'
+      }
+    }, {
+      field: 'translatedCatalogInfo.it',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origCatalogInfo.it'
+      }
+    }]
+  }, {
+    headerName: 'catalogInfo',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origCatalogInfo.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogInfo.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogInfo.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origCatalogInfo.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'ContactPersonNo1',
+    field: 'translatedContactPersonNo1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactPersonNo1'
+    }
+  }, {
+    field: 'origContactPersonNo1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactRole1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactRole1'
+    }
+  }, {
+    field: 'origContactRole1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactName1'
+    }
+  }, {
+    field: 'origContactName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFirstName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFirstName1'
+    }
+  }, {
+    field: 'origFirstName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFormOfAddress1',
+    filter: 'number',
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origFormOfAddress1',
+      options: [{
+        value: 0,
+        label: {
+          de: 'Herr'
+        }
+      }, {
+        value: 1,
+        label: {
+          de: 'Frau'
+        }
       }]
+    }
+  }, {
+    field: 'origFormOfAddress1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedDepartment1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origDepartment1'
+    }
+  }, {
+    field: 'origDepartment1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephone1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephone1'
+    }
+  }, {
+    field: 'origTelephone1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFax1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFax1'
+    }
+  }, {
+    field: 'origFax1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail1'
+    }
+  }, {
+    field: 'origEmail1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet1'
+    }
+  }, {
+    field: 'origStreet1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet1'
+    }
+  }, {
+    field: 'origZipCodeStreet1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity1'
+    }
+  }, {
+    field: 'origCity1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedIsoCountryId1',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origIsoCountryId1',
+      options: []
+    }
+  }, {
+    field: 'origIsoCountryId1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactPersonNo2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactPersonNo2'
+    }
+  }, {
+    field: 'origContactPersonNo2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactRole2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactRole2'
+    }
+  }, {
+    field: 'origContactRole2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origContactName2'
+    }
+  }, {
+    field: 'origContactName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFirstName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFirstName2'
+    }
+  }, {
+    field: 'origFirstName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFormOfAddress2',
+    filter: 'number',
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origFormOfAddress2',
+      options: [{
+        value: 0,
+        label: {
+          de: 'Herr'
+        }
+      }, {
+        value: 1,
+        label: {
+          de: 'Frau'
+        }
+      }]
+    }
+  }, {
+    field: 'origFormOfAddress2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedDepartment2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origDepartment2'
+    }
+  }, {
+    field: 'origDepartment2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephone2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephone2'
+    }
+  }, {
+    field: 'origTelephone2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFax2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFax2'
+    }
+  }, {
+    field: 'origFax2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail2'
+    }
+  }, {
+    field: 'origEmail2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet2'
+    }
+  }, {
+    field: 'origStreet2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet2'
+    }
+  }, {
+    field: 'origZipCodeStreet2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity2'
+    }
+  }, {
+    field: 'origCity2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedIsoCountryId2',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origIsoCountryId2',
+      options: []
+    }
+  }, {
+    field: 'origIsoCountryId2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedManufactureName1',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origManufactureName1'
+    }
+  }, {
+    field: 'origManufactureName1',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedManufactureName2',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origManufactureName2'
+    }
+  }, {
+    field: 'origManufactureName2',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEmail',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEmail'
+    }
+  }, {
+    field: 'origEmail',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedInternetAddress',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origInternetAddress'
+    }
+  }, {
+    field: 'origInternetAddress',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedStreet',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origStreet'
+    }
+  }, {
+    field: 'origStreet',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodeStreet',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodeStreet'
+    }
+  }, {
+    field: 'origZipCodeStreet',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedCity',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origCity'
+    }
+  }, {
+    field: 'origCity',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedContactSupplierIsoCountryId',
+    filter: 'text',
+    editable: true,
+    type: ['enum', 'withPlaceHolder'],
+    cellRendererParams: {
+      placeHolderField: 'origContactSupplierIsoCountryId',
+      options: []
+    }
+  }, {
+    field: 'origContactSupplierIsoCountryId',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedZipCodePostBox',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origZipCodePostBox'
+    }
+  }, {
+    field: 'origZipCodePostBox',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedPostBox',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origPostBox'
+    }
+  }, {
+    field: 'origPostBox',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedTelephoneSwitchboard',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origTelephoneSwitchboard'
+    }
+  }, {
+    field: 'origTelephoneSwitchboard',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedFaxSwitchboard',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origFaxSwitchboard'
+    }
+  }, {
+    field: 'origFaxSwitchboard',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }]
+};
+
+var config$4 = {
+  colDef: [{
+    field: 'detailInfoNo',
+    filter: 'number',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'externalName ',
+    marryChildren: true,
+    children: [{
+      field: 'translatedExternalName.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.de'
+      }
     }, {
-      field: 'contactPersonNo1',
-      filter: 'text'
+      field: 'translatedExternalName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.en'
+      }
     }, {
-      field: 'contactRole1',
-      filter: 'text'
+      field: 'translatedExternalName.fr',
+      headerName: 'FE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.fr'
+      }
     }, {
-      field: 'contactName1',
-      filter: 'text'
+      field: 'translatedExternalName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origExternalName.it'
+      }
+    }]
+  }, {
+    headerName: 'OrigExternalName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origExternalName.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'firstName1',
-      filter: 'text'
+      field: 'origExternalName.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'formOfAddress1',
-      filter: 'number',
-      type: 'enum',
+      field: 'origExternalName.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origExternalName.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'internalName',
+    marryChildren: true,
+    children: [{
+      field: 'translatedInternalName.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: [{
-          value: 0,
-          label: {
-            de: 'Herr'
-          }
-        }, {
-          value: 1,
-          label: {
-            de: 'Frau'
-          }
-        }]
+        placeHolderField: 'origInternalName.de'
       }
     }, {
-      field: 'department1',
-      filter: 'text'
+      field: 'translatedInternalName.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.en'
+      }
     }, {
-      field: 'telephone1',
-      filter: 'text'
+      field: 'translatedInternalName.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.fr'
+      }
     }, {
-      field: 'fax1',
-      filter: 'text'
+      field: 'translatedInternalName.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origInternalName.it'
+      }
+    }]
+  }, {
+    headerName: 'origInternalName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origInternalName.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'email1',
-      filter: 'text'
+      field: 'origInternalName.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'street1',
-      filter: 'text'
+      field: 'origInternalName.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'zipCodeStreet1',
-      filter: 'text'
+      field: 'origInternalName.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'toolTip',
+    marryChildren: true,
+    children: [{
+      field: 'translatedToolTip.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.de'
+      }
+    }, {
+      field: 'translatedToolTip.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.en'
+      }
+    }, {
+      field: 'translatedToolTip.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.fr'
+      }
+    }, {
+      field: 'translatedToolTip.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origToolTip.it'
+      }
+    }]
+  }, {
+    headerName: 'origToolTip',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origToolTip.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origToolTip.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }]
+};
+
+var config$3 = {
+  colDef: [{
+    field: 'featureNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'featureText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedFeatureText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.de'
+      }
+    }, {
+      field: 'translatedFeatureText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.en'
+      }
+    }, {
+      field: 'translatedFeatureText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.fr'
+      }
+    }, {
+      field: 'translatedFeatureText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFeatureText.it'
+      }
+    }]
+  }, {
+    headerName: 'origFeatureText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origFeatureText.de',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.en',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.fr',
+      hide: true,
+      isDictionary: true
+    }, {
+      field: 'origFeatureText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }]
+};
+
+var config$2 = {
+  colDef: [{
+    field: 'serieNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'sequenceNo',
+    filter: 'text',
+    editable: false
+  }, {
+    field: 'typeNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'translatedEdpNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEdpNumber'
+    }
+  }, {
+    field: 'origEdpNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    field: 'translatedEanNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origEanNumber'
+    }
+  }, {
+    field: 'origEanNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }, {
+    headerName: 'shortText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedShortText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.de'
+      }
     }, {
-      field: 'city1',
-      filter: 'text'
+      field: 'translatedShortText.ne',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.en'
+      }
     }, {
-      field: 'isoCountryId1 (TODO: lookup)',
-      filter: 'text'
+      field: 'translatedShortText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.fr'
+      }
     }, {
-      field: 'contactPersonNo2',
-      filter: 'text'
+      field: 'translatedShortText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origShortText.it'
+      }
+    }]
+  }, {
+    headerName: 'origShortText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origShortText.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'contactRole2',
-      filter: 'text'
+      field: 'origShortText.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'contactName2',
-      filter: 'text'
+      field: 'origShortText.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'firstName2',
-      filter: 'text'
+      field: 'origShortText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'fullText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedFullText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.de'
+      }
     }, {
-      field: 'formOfAddress2',
-      filter: 'number',
-      type: 'enum',
+      field: 'translatedFullText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
       cellRendererParams: {
-        options: [{
-          value: 0,
-          label: {
-            de: 'Herr'
-          }
-        }, {
-          value: 1,
-          label: {
-            de: 'Frau'
-          }
-        }]
+        placeHolderField: 'origFullText.en'
       }
     }, {
-      field: 'department2',
-      filter: 'text'
+      field: 'translatedFullText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.fr'
+      }
     }, {
-      field: 'telephone2',
-      filter: 'text'
+      field: 'translatedFullText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origFullText.it'
+      }
+    }]
+  }, {
+    headerName: 'origFullText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origFullText.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'fax2',
-      filter: 'text'
+      field: 'origFullText.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'email2',
-      filter: 'text'
+      field: 'origFullText.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'street2',
-      filter: 'text'
+      field: 'origFullText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'planningAdvice',
+    marryChildren: true,
+    children: [{
+      field: 'translatedPlanningAdvice.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.de'
+      }
     }, {
-      field: 'zipCodeStreet2',
-      filter: 'text'
+      field: 'translatedPlanningAdvice.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.en'
+      }
     }, {
-      field: 'city2',
-      filter: 'text'
+      field: 'translatedPlanningAdvice.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.fr'
+      }
     }, {
-      field: 'isoCountryId2 (TODO: lookup)',
-      filter: 'text'
+      field: 'translatedPlanningAdvice.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origPlanningAdvice.it'
+      }
+    }]
+  }, {
+    headerName: 'origPlanningAdvice',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origPlanningAdvice.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'manufactureName1',
-      filter: 'text'
+      field: 'origPlanningAdvice.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'manufactureName2',
-      filter: 'text'
+      field: 'origPlanningAdvice.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'email',
-      filter: 'text'
+      field: 'origPlanningAdvice.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    field: 'translatedSalesNumber',
+    filter: 'text',
+    type: 'withPlaceHolder',
+    cellRendererParams: {
+      placeHolderField: 'origSalesNumber'
+    }
+  }, {
+    field: 'origSalesNumber',
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true
+  }]
+};
+
+var config$1 = {
+  colDef: [{
+    field: 'featureNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    field: 'optionKey',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'optionText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedOptionText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.de'
+      }
     }, {
-      field: 'internetAddress',
-      filter: 'text'
+      field: 'translatedOptionText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.en'
+      }
     }, {
-      field: 'street',
-      filter: 'text'
+      field: 'translatedOptionText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.fr'
+      }
     }, {
-      field: 'zipCodeStreet',
-      filter: 'text'
+      field: 'translatedOptionText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionText.it'
+      }
+    }]
+  }, {
+    headerName: 'origOptionText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origOptionText.de',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'city',
-      filter: 'text'
+      field: 'origOptionText.en',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'contactSupplierIsoCountryId (TODO: lookup)',
-      filter: 'text'
+      field: 'origOptionText.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      field: 'zipCodePostBox',
-      filter: 'text'
+      field: 'origOptionText.it',
+      hide: true,
+      isDictionary: true
+    }]
+  }, {
+    headerName: 'optionCommentText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedOptionCommentText.de',
+      headerName: 'DE',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.de'
+      }
     }, {
-      field: 'postBox',
-      filter: 'text'
+      field: 'translatedOptionCommentText.en',
+      headerName: 'EN',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.en'
+      }
     }, {
-      field: 'telephoneSwitchboard',
-      filter: 'text'
+      field: 'translatedOptionCommentText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.fr'
+      }
     }, {
-      field: 'faxSwitchboard',
-      filter: 'text'
+      field: 'translatedOptionCommentText.it',
+      headerName: 'IT',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origOptionCommentText.it'
+      }
     }]
-  },
-  detailInfo: {
-    colDef: [{
-      field: 'detailInfoNo',
-      filter: 'number',
-      required: true,
-      editable: false
+  }, {
+    headerName: 'origOptionCommentText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origOptionCommentText.de',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'externalName ',
-      marryChildren: true,
-      children: [{
-        field: 'externalName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.fr',
-        headerName: 'FE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'externalName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origOptionCommentText.en',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'internalName',
-      marryChildren: true,
-      children: [{
-        field: 'internalName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'internalName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'internalName.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'internalName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origOptionCommentText.fr',
+      hide: true,
+      isDictionary: true
     }, {
-      headerName: 'toolTip',
-      marryChildren: true,
-      children: [{
-        field: 'toolTip.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'toolTip.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'toolTip.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'toolTip.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origOptionCommentText.it',
+      hide: true,
+      isDictionary: true
     }]
-  },
-  feature: {
-    colDef: [{
-      field: 'featureNo',
+  }]
+};
+
+var config = {
+  colDef: [{
+    field: 'serieNo',
+    filter: 'text',
+    required: true,
+    editable: false
+  }, {
+    headerName: 'seriesName',
+    marryChildren: true,
+    required: true,
+    children: [{
+      field: 'translatedSeriesName.de',
+      headerName: 'DE',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.de'
+      }
     }, {
-      headerName: 'featureText',
-      marryChildren: true,
-      children: [{
-        field: 'featureText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'featureText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'featureText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'featureText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
-    }]
-  },
-  item: {
-    colDef: [{
-      field: 'serieNo',
+      field: 'translatedSeriesName.en',
+      headerName: 'EN',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.en'
+      }
     }, {
-      field: 'sequenceNo',
+      field: 'translatedSeriesName.fr',
+      headerName: 'FR',
+      isDictionary: true,
       filter: 'text',
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.fr'
+      }
     }, {
-      field: 'typeNo',
+      field: 'translatedSeriesName.it',
+      headerName: 'IT',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
-    }, {
-      field: 'edpNumber',
-      filter: 'text'
-    }, {
-      field: 'eanNumber',
-      filter: 'text'
-    }, {
-      headerName: 'shortText',
-      marryChildren: true,
-      children: [{
-        field: 'shortText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.ne',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'shortText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesName.it'
+      }
+    }]
+  }, {
+    headerName: 'origSeriesName',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origSeriesName.de',
+      isDictionary: true,
+      hide: true
     }, {
-      headerName: 'fullText',
-      marryChildren: true,
-      children: [{
-        field: 'fullText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'fullText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'fullText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'fullText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origSeriesName.en',
+      isDictionary: true,
+      hide: true
     }, {
-      headerName: 'planningAdvice',
-      marryChildren: true,
-      children: [{
-        field: 'planningAdvice.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'planningAdvice.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'planningAdvice.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'planningAdvice.it',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origSeriesName.fr',
+      isDictionary: true,
+      hide: true
     }, {
-      field: 'salesNumber',
-      filter: 'text'
+      field: 'origSeriesName.it',
+      isDictionary: true,
+      hide: true
     }]
-  },
-  option: {
-    colDef: [{
-      field: 'featureNo',
+  }, {
+    headerName: 'seriesFullText',
+    marryChildren: true,
+    children: [{
+      field: 'translatedSeriesFullText.de',
+      headerName: 'DE',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.de'
+      }
     }, {
-      field: 'optionKey',
+      field: 'translatedSeriesFullText.en',
+      headerName: 'EN',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.en'
+      }
     }, {
-      headerName: 'optionText',
-      marryChildren: true,
-      children: [{
-        field: 'optionText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'translatedSeriesFullText.fr',
+      headerName: 'FR',
+      isDictionary: true,
+      filter: 'text',
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.fr'
+      }
     }, {
-      headerName: 'optionCommentText',
-      marryChildren: true,
-      children: [{
-        field: 'optionCommentText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'optionCommentText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
-    }]
-  },
-  serie: {
-    colDef: [{
-      field: 'serieNo',
+      field: 'translatedSeriesFullText.it',
+      headerName: 'IT',
+      isDictionary: true,
       filter: 'text',
-      required: true,
-      editable: false
+      type: 'withPlaceHolder',
+      cellRendererParams: {
+        placeHolderField: 'origSeriesFullText.it'
+      }
+    }]
+  }, {
+    headerName: 'origSeriesFullText',
+    marryChildren: true,
+    hide: true,
+    lockVisible: true,
+    suppressColumnsToolPanel: true,
+    children: [{
+      field: 'origSeriesFullText.de',
+      isDictionary: true,
+      hide: true
     }, {
-      headerName: 'seriesName',
-      marryChildren: true,
-      required: true,
-      children: [{
-        field: 'seriesName.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesName.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origSeriesFullText.en',
+      isDictionary: true,
+      hide: true
     }, {
-      headerName: 'seriesFullText',
-      marryChildren: true,
-      children: [{
-        field: 'seriesFullText.de',
-        headerName: 'DE',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.en',
-        headerName: 'EN',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.fr',
-        headerName: 'FR',
-        isDictionary: true,
-        filter: 'text'
-      }, {
-        field: 'seriesFullText.it',
-        headerName: 'IT',
-        isDictionary: true,
-        filter: 'text'
-      }]
+      field: 'origSeriesFullText.fr',
+      isDictionary: true,
+      hide: true
+    }, {
+      field: 'origSeriesFullText.it',
+      isDictionary: true,
+      hide: true
     }]
-  }
+  }]
 };
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var tableConfiguration = {
+  catalog: config$5,
+  detailInfo: config$4,
+  feature: config$3,
+  item: config$2,
+  option: config$1,
+  serie: config
+};
 var renamingTypes = [{
   label: 'catalog',
-  data: _objectSpread$4(_objectSpread$4({}, config['catalog']), {}, {
-    value: 'catalog'
-  }),
+  data: 'catalog',
   value: 'catalog'
 }, {
   label: 'detailInfo',
-  data: _objectSpread$4(_objectSpread$4({}, config['detailInfo']), {}, {
-    value: 'detailInfo'
-  }),
+  data: 'detailInfo',
   value: 'detailInfo'
 }, {
   label: 'feature',
-  data: _objectSpread$4(_objectSpread$4({}, config['feature']), {}, {
-    value: 'feature'
-  }),
+  data: 'feature',
   value: 'feature'
 }, {
   label: 'item',
-  data: _objectSpread$4(_objectSpread$4({}, config['item']), {}, {
-    value: 'item'
-  }),
+  data: 'item',
   value: 'item'
 }, {
   label: 'option',
-  data: _objectSpread$4(_objectSpread$4({}, config['option']), {}, {
-    value: 'option'
-  }),
+  data: 'option',
   value: 'option'
 }, {
   label: 'serie',
-  data: _objectSpread$4(_objectSpread$4({}, config['serie']), {}, {
-    value: 'serie'
-  }),
+  data: 'serie',
   value: 'serie'
 }];
+
+var _excluded = ["code"];
+function useConfiguration (type) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    countryCodes = _useState2[0],
+    setCountryCodes = _useState2[1];
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return fetch('/country_codes.json');
+          case 2:
+            response = _context.sent;
+            _context.next = 5;
+            return response.json();
+          case 5:
+            data = _context.sent;
+            setCountryCodes(data.map(function (country) {
+              var code = country.code,
+                translations = _objectWithoutProperties(country, _excluded);
+              return {
+                value: code,
+                label: translations
+              };
+            }));
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }, []);
+  var configuration = useMemo(function () {
+    var config = tableConfiguration[type];
+    if (!config) {
+      throw new Error("Configuration for type ".concat(type, " not found"));
+    }
+    config.colDef = config.colDef.map(function (col) {
+      var _col$field;
+      if ('field' in col && ['isoCountryId2', 'isoCountryId1', 'contactSupplierIsoCountryId'].includes((_col$field = col.field) !== null && _col$field !== void 0 ? _col$field : '')) {
+        col.cellRendererParams.options = countryCodes;
+      }
+      return col;
+    });
+    return config;
+  }, [type, countryCodes]);
+  return {
+    configuration: configuration,
+    countryCodesLoaded: countryCodes.length > 0
+  };
+}
+
 function TableRenaming () {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -28010,9 +29158,12 @@ function TableRenaming () {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedType = _React$useState2[0],
     setSelectedType = _React$useState2[1];
+  var _useConfiguration = useConfiguration(selectedType),
+    configuration = _useConfiguration.configuration,
+    countryCodesLoaded = _useConfiguration.countryCodesLoaded;
   var applicationData = useMemo(function () {
     return {
-      type: selectedType.value,
+      type: selectedType,
       packageId: packageId
     };
   }, [packageId, selectedType]);
@@ -28043,8 +29194,8 @@ function TableRenaming () {
           })]
         })]
       })
-    }), selectedType && /*#__PURE__*/jsx(Spreadsheet, {
-      gridId: 'renaming-grid_' + selectedType.value,
+    }), selectedType && countryCodesLoaded && /*#__PURE__*/jsx(Spreadsheet, {
+      gridId: 'renaming-grid_' + selectedType,
       jwt: jwt,
       applicationData: applicationData,
       configuration: {
@@ -28055,7 +29206,7 @@ function TableRenaming () {
         },
         dateFormat: 'LL',
         floatingFilter: true,
-        colDef: [].concat(_toConsumableArray(selectedType.colDef), [{
+        colDef: [].concat(_toConsumableArray(configuration.colDef), [{
           field: 'lastUpdatedDate',
           filter: 'date',
           cellDataType: 'dateString',
@@ -28153,9 +29304,25 @@ function TableTabGroups () {
           }]
         }, {
           field: 'featureNos',
-          headerName: 'FeatureNo (TODO Lookup)',
+          headerName: 'FeatureNo',
           cellDataType: 'string',
-          editable: true
+          editable: true,
+          type: 'lookup',
+          cellRendererParams: {
+            displayField: 'featureNosDisplayTexts',
+            apiInterface: {
+              read: apiConfig.enricherService + '/packages/${packageId}/lookup/feature'
+            },
+            lookupValue: 'featureText',
+            lookupKey: 'featureNo',
+            multiple: true,
+            translated: true
+          }
+        }, {
+          field: 'featureNosDisplayTexts',
+          hide: true,
+          type: 'translated',
+          isDictionary: true
         }, {
           field: 'organizationId',
           cellDataType: 'string',
@@ -28880,7 +30047,8 @@ styleInject(css_248z$3);
 
 var wrapper = "wrapper-wuBie";
 var select = "select-w181d";
-var css_248z$2 = ".wrapper-wuBie {\n  display: flex;\n  gap: 16px;\n  margin: 8px;\n  justify-content: space-evenly;\n}\n\n.select-w181d {\n  z-index: 10000;\n  margin: 8px;\n  flex-grow: 0.8;\n}\n.select-w181d div {\n  border-color: grey !important;\n}\n.select-w181d div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n";
+var button = "button-g8Tp4";
+var css_248z$2 = ".wrapper-wuBie {\n  display: flex;\n  gap: 16px;\n  margin: 8px;\n  justify-content: start;\n}\n\n.select-w181d {\n  z-index: 1000;\n  margin: 8px;\n  flex-grow: 0.8;\n  min-width: 100px;\n}\n.select-w181d div {\n  border-color: grey !important;\n}\n.select-w181d div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n.button-g8Tp4 {\n  width: 40px;\n  justify-content: center;\n}\n";
 styleInject(css_248z$2);
 
 var ArticleSelection = function ArticleSelection(_ref) {
@@ -28932,7 +30100,12 @@ var ArticleSelection = function ArticleSelection(_ref) {
   }, [articleList]);
   return /*#__PURE__*/jsxs("div", {
     className: wrapper,
-    children: [/*#__PURE__*/jsx(PushpinOutlined, {
+    children: [!root.contentStore.toolPinned && /*#__PURE__*/jsx(PushpinOutlined, {
+      onClick: function onClick() {
+        return root.contentStore.toolPinned = !root.contentStore.toolPinned;
+      },
+      className: button
+    }), root.contentStore.toolPinned && /*#__PURE__*/jsx(PushpinFilled, {
       onClick: function onClick() {
         return root.contentStore.toolPinned = !root.contentStore.toolPinned;
       }
@@ -28947,7 +30120,8 @@ var ArticleSelection = function ArticleSelection(_ref) {
     }), /*#__PURE__*/jsx(ReloadOutlined$1, {
       onClick: function onClick() {
         return setDoReset(true);
-      }
+      },
+      className: button
     })]
   });
 };
@@ -29050,9 +30224,15 @@ function useWysiwyg(_ref) {
       });
     }
   }, [doReset]);
+  useEffect(function () {
+    if (articleCodex) {
+      setDoReset(true);
+      setArticleCodex(undefined);
+    }
+  }, [tool.parameters.packageId]);
   var onEventCalled = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
-      var catalogData, articles, key, article;
+      var _articles$, catalogData, articles, key, article;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -29068,6 +30248,7 @@ function useWysiwyg(_ref) {
                 });
               }
               setArticleList(articles);
+              if (articleCodex === undefined && articles !== null && articles !== void 0 && (_articles$ = articles[0]) !== null && _articles$ !== void 0 && _articles$.value) setArticleCodex(articles[0].value);
             }
             if (e.type === 'navigatedToOption') {
               setCurrentNav(e.data.optionCodex);
@@ -29088,85 +30269,91 @@ function useWysiwyg(_ref) {
       return unSubscribeEvents(onEventCalled);
     };
   }, []);
-  var settigns = {
-    language: 'DE',
-    showSelectionModeZero: true,
-    viewConfig: {
-      allowComma: true,
-      tabOrientation: 'horizontal',
-      tabOrientationMobile: 'horizontal',
-      doShowConfSettingsExpander: false,
-      showSingleOPVOnly: true,
-      hideFirstStepWhenSingleOPVOnly: false,
-      hideMeasureUnit: true,
-      dontShowOrbitInMobile: false,
-      hideSingleOPVOnlyAlways: true,
-      hideElementInfo: true,
-      hideConfigSingle: true,
-      plannerType: 'NONE',
-      hideCloseButton: true,
-      hideMobileFolder: true,
-      showSettingsFolder: true,
-      hideRalColorFilter: false,
-      hideSearchBar: false,
-      alwaysShowSearchBar: true,
-      displayMetaDatas: ['codex'],
-      headerInConfigPalette: 'NameOfTabGroup',
-      selectAccessoiresWithToggle: false,
-      doShowConfSettingsMaxMinExpander: false,
-      forceSettingsHeaderInScrollContainer: false,
-      hideSummary: false,
-      LoadSummaryType: 'SUMMARY_OPTIONTREE',
-      useArticleNameAsTitle: false,
-      doShowFunctions: false,
-      tabGroupsDoShowIcons: false,
-      useIsOptionDefinedWarning: true,
-      languagesForInput: ['DE', 'FR', 'IT'],
-      autoFocusForInput: true,
-      hideWarningDuringUserInput: false,
-      cssVariables: {
-        primaryColor: '#db3433',
-        secondaryColor: '#4a4543',
-        thirdColor: '#F3F3F3'
-      },
-      disableLandscape: true,
-      settingsSizes: {
-        sizeGallery: '50px',
-        sizeDefault: '100%'
-      },
-      hideConfigFoldArrow: true,
-      tooltipPosition: 'left-center',
-      clientEvents: ['onWebPlanerConfigChange', 'onArticlesLoaded']
-    },
-    useMask: true,
-    templateConfig: {
-      Layout: 'wysiwyg',
-      BasketButton: 'standard',
-      NavigationButton: 'standard',
-      PlannerUIVariants: 'hidden',
-      PlannerMsg: 'standard',
-      NavBar3D: 'standard',
-      SettingsHeader: 'standard',
-      PaletteGroup: 'standard',
-      TabGroupHorizontal: 'gold',
-      DropDownText: 'standard',
-      ItemGallery: 'serious',
-      ItemDefault: 'standard',
-      ItemAccessoire: 'standard',
-      ItemRoom: 'standard',
-      RoomListSelection: 'standard',
-      SummaryOptionTree: 'standard',
-      IsActive: 'standard',
-      BarrierActions: 'standard',
-      ProductHeaderFunction: 'standard'
-    }
-  };
+  var settings = useMemo(function () {
+    return {
+      language: 'DE',
+      showSelectionModeZero: true,
+      onErrorHandling: {
+        hideErrorMsg: false,
+        errorMsg: 'WYSIWYG currently not working for this mask'
+      },
+      viewConfig: {
+        allowComma: true,
+        tabOrientation: 'horizontal',
+        tabOrientationMobile: 'horizontal',
+        doShowConfSettingsExpander: false,
+        showSingleOPVOnly: true,
+        hideFirstStepWhenSingleOPVOnly: false,
+        hideMeasureUnit: true,
+        dontShowOrbitInMobile: false,
+        hideSingleOPVOnlyAlways: true,
+        hideElementInfo: true,
+        hideConfigSingle: true,
+        plannerType: 'NONE',
+        hideCloseButton: true,
+        hideMobileFolder: true,
+        showSettingsFolder: true,
+        hideRalColorFilter: false,
+        hideSearchBar: false,
+        alwaysShowSearchBar: true,
+        displayMetaDatas: ['codex'],
+        headerInConfigPalette: 'NameOfTabGroup',
+        selectAccessoiresWithToggle: false,
+        doShowConfSettingsMaxMinExpander: false,
+        forceSettingsHeaderInScrollContainer: false,
+        hideSummary: false,
+        LoadSummaryType: 'SUMMARY_OPTIONTREE',
+        useArticleNameAsTitle: false,
+        doShowFunctions: false,
+        tabGroupsDoShowIcons: false,
+        useIsOptionDefinedWarning: true,
+        languagesForInput: ['DE', 'FR', 'IT'],
+        autoFocusForInput: true,
+        hideWarningDuringUserInput: false,
+        cssVariables: {
+          primaryColor: '#001529',
+          secondaryColor: '#4a4543',
+          thirdColor: '#F3F3F3'
+        },
+        disableLandscape: true,
+        settingsSizes: {
+          sizeGallery: '50px',
+          sizeDefault: '100%'
+        },
+        hideConfigFoldArrow: true,
+        tooltipPosition: 'left-center',
+        clientEvents: ['onWebPlanerConfigChange', 'onArticlesLoaded']
+      },
+      useMask: true,
+      templateConfig: {
+        Layout: 'wysiwyg',
+        BasketButton: 'standard',
+        NavigationButton: 'standard',
+        PlannerUIVariants: 'hidden',
+        PlannerMsg: 'standard',
+        NavBar3D: 'standard',
+        SettingsHeader: 'standard',
+        PaletteGroup: 'standard',
+        TabGroupHorizontal: 'gold',
+        DropDownText: 'standard',
+        ItemGallery: 'serious',
+        ItemDefault: 'standard',
+        ItemAccessoire: 'standard',
+        ItemRoom: 'standard',
+        RoomListSelection: 'standard',
+        SummaryOptionTree: 'standard',
+        IsActive: 'standard',
+        BarrierActions: 'standard',
+        ProductHeaderFunction: 'standard'
+      }
+    };
+  }, []);
   return {
     articleList: articleList,
     setArticleList: setArticleList,
     articleCodex: articleCodex,
     setArticleCodex: setArticleCodex,
-    settigns: settigns,
+    settings: settings,
     pack: pack,
     doReset: doReset,
     setDoReset: setDoReset,
@@ -29187,6 +30374,17 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
     tool: tool,
     visible: visible
   });
+  if (state !== null && state !== void 0 && state.pack) {
+    if (!state.pack.catalogCodex && !state.pack.accountId) return /*#__PURE__*/jsx(Fragment, {
+      children: "catalogCodex and accountId in Mask Package missing"
+    });
+    if (!state.pack.catalogCodex) return /*#__PURE__*/jsx(Fragment, {
+      children: "catalogCodex in Mask Package missing"
+    });
+    if (!state.pack.accountId) return /*#__PURE__*/jsx(Fragment, {
+      children: "accountId in Mask Package missing"
+    });
+  }
   return /*#__PURE__*/jsxs("div", {
     className: wrapper$1,
     children: [/*#__PURE__*/jsx(ArticleSelection$1, {
@@ -29197,7 +30395,7 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
         height: 'calc(100% - 71px)'
       },
       children: /*#__PURE__*/jsx(WebPlannerReact, {
-        settings: state.settigns,
+        settings: state.settings,
         parameters: _objectSpread$2(_objectSpread$2({
           articleCodexes: (_state$articleCodex = state.articleCodex) !== null && _state$articleCodex !== void 0 ? _state$articleCodex : '',
           variantValues: '',
@@ -29233,7 +30431,7 @@ var draghandle = "draghandle-f5b0N";
 var midHandle = "mid-handle--qh50";
 var toolItem = "tool-item-KyKgQ";
 var sel = "sel-iUm8X";
-var css_248z$1 = ".wrapper-njnwX {\n  position: absolute;\n  top: 0px;\n}\n.tools-selector-BHV3Z {\n  width: 36px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 16px;\n  align-items: center;\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n  padding-top: 16px;\n  height: 100%;\n}\n\n.container-BucHG {\n  right: 37px;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: #fff;\n  z-index: 100;\n}\n\n.pinned-vk2AT.container-BucHG {\n  position: relative;\n  right: auto;\n  right: initial;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  height: 100%;\n  top: 0px;\n  left: 0;\n  width: 2px;\n  cursor: ew-resize;\n  background-color: gray;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  width: 5px;\n  height: 32px;\n  background-color: #fff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  padding: 10px;\n  text-orientation: mixed;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  width: 3px;\n  height: 0px;\n  left: 0;\n  bottom: 50%;\n  background-color: rgba(255, 255, 255, 0.85);\n  transition: all ease-in-out 0.2s;\n}\n.tool-item-KyKgQ:hover::after,\n.sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n";
+var css_248z$1 = ".wrapper-njnwX {\n  position: absolute;\n  top: 0px;\n}\n.tools-selector-BHV3Z {\n  z-index: 2000;\n  width: 36px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 16px;\n  align-items: center;\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n  padding-top: 16px;\n  height: 100%;\n}\n\n.container-BucHG {\n  right: 37px;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: #fff;\n  z-index: 100;\n}\n\n.pinned-vk2AT.container-BucHG {\n  position: relative;\n  right: auto;\n  right: initial;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  height: 100%;\n  top: 0px;\n  left: 0;\n  width: 2px;\n  cursor: ew-resize;\n  background-color: gray;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  width: 5px;\n  height: 32px;\n  background-color: #fff;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  padding: 10px;\n  text-orientation: mixed;\n  cursor: pointer;\n  position: relative;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  width: 3px;\n  height: 0px;\n  left: 0;\n  bottom: 50%;\n  background-color: rgba(255, 255, 255, 0.85);\n  transition: all ease-in-out 0.2s;\n}\n.tool-item-KyKgQ:hover::after,\n.sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n";
 styleInject(css_248z$1);
 
 var overlay = "overlay-Dr5pn";